@charset "utf-8";

@import url(content2.css);

/* 한산모시관소개 */
#container.sub01_01 #contentswrap {width:100%;}
#container.sub01_01 #contents {max-width:100%;padding:0}
.s0101_wrap {width:100%; min-height: 1591px; margin:0 auto;background:url(/images/mosi2/sub01/s0101_img01.png)no-repeat center;background-size: cover;}
.s0101_wrap .inner {width:1240px; margin:0 auto;}
.s0101_wrap .inner .con_t {position: relative;min-height: 420px;margin: 0 0 140px;}
.s0101_wrap .inner .con_t .imgb {position:relative; z-index:2;}
.s0101_wrap .inner .con_t .txtb { position: absolute; right: 0; top: 125px; width: 535px; height: 260px; }
.s0101_wrap .inner .con_t .txtb .inner2 {position:relative; width:100%; height:100%;padding:70px 0 0 40px; background: #353946 url(/images/mosi2/sub01/s0101_img04.png)no-repeat right center; z-index:2;}
.s0101_wrap .inner .con_t .txtb .inner2:before {display:block;position:absolute;right:20px;top:-25px;width: 274px;height: 23px;border:1px solid #ddd;content:"";z-index: 1;}
.s0101_wrap .inner .con_t .txtb strong {display:block; width:204px; height:64px; margin:0 0 15px; background: url(/images/mosi2/sub01/s0101_img03.png)no-repeat; font-size:0;}
.s0101_wrap .inner .con_t .txtb p {color:#e1e1e1;}
.s0101_wrap .inner .con_t .txtb p span {display: block;}
.s0101_wrap .inner .con_t .txtb .mositxt {display:block; position:absolute; top:-55px; right:20px;width:157px; height:15px; background:url(/images/mosi2/sub01/s0101_img08.png)no-repeat;  font-size:0;}
.s0101_wrap .inner .con_b {}
.s0101_wrap .inner .con_b:after{display:block;clear:both;visibility:hidden;content:"";}
.s0101_wrap .inner .con_b .imgb {float:left;position: relative;width:50%;}
.s0101_wrap .inner .con_b .imgb img {position: relative; z-index: 2;}
.s0101_wrap .inner .con_b .imgb:after {display:block;position:absolute;left:-50px;top:-45px;width:125px;height:125px;background: url(/images/mosi2/sub01/s0101_img07.png)no-repeat;content:"";z-index: 1;}
.s0101_wrap .inner .con_b .txtb {float:right;position: relative;width:50%;padding-left: 60px;}
.s0101_wrap .inner .con_b .txtb:before {display:block; position:absolute; top:20px; left:0; width:3px; height:135px; background:#ddd; content:"";}
.s0101_wrap .inner .con_b .txtb:after {display:block; position:absolute; top:-20px; left:30px; width:10px; height:75px; background:#2a3960; content:"";}
.s0101_wrap .inner .con_b .txtb strong {display:block;margin: 0 0 40px;font-family: "nmj";font-size: 38px;color: #2a3960;text-indent: 60px;}
.s0101_wrap .inner .con_b .txtb strong span {display:inline-block; width:47px; height:31px; margin-left:20px;background: url(/images/mosi2/sub01/s0101_img06.png)no-repeat;  }
.s0101_wrap .inner .con_b .txtb p {font-size: 15px;color: #555;word-break: keep-all;}


@media(max-width:1359px){
    .s0101_wrap .inner {width:100%; padding:0 50px;margin:0 auto;}
    .s0101_wrap .inner .con_t .txtb .inner2:before ,
    .s0101_wrap .inner .con_t .txtb .mositxt {display:none;}
}

@media(max-width:1280px){
    #container.sub01_01 #contentswrap {padding:0;}
}

@media(max-width:1024px){
    .s0101_wrap .inner .con_t {margin:0 0 70px;min-height: auto;}
    .s0101_wrap .inner .con_t .txtb {position:static;width:100%;height: 254px;}
    .s0101_wrap .inner .con_t .txtb .inner2 {padding: 30px 40px;}
    .s0101_wrap .inner {padding: 0 50px 200px;}
    .s0101_wrap .inner .con_b .imgb {float:none;width:100%;margin: 0 0 20px;text-align: center;}
    .s0101_wrap .inner .con_b .imgb:after {display:none;}
    .s0101_wrap .inner .con_b .txtb {float:none;width:100%;}
}

@media(max-width:767px){
    .s0101_wrap .inner {padding: 0 20px 200px;}
    .s0101_wrap .inner .con_t {margin:0 0 50px}
    .s0101_wrap .inner .con_b .txtb {padding:0}
    .s0101_wrap .inner .con_b .txtb:after,
    .s0101_wrap .inner .con_b .txtb:before {display:none;}
    .s0101_wrap .inner .con_b .txtb strong {margin: 0 0 20px;text-indent:0;}
}

@media(max-width:600px){
     .s0101_wrap .inner .con_t .txtb {height:auto;}
     .s0101_wrap .inner .con_t .txtb .inner2 {background: #353946;}
     .s0101_wrap .inner .con_t .txtb p span {display:inline;word-break: keep-all;}
}


/* 0102 이용안내 */
.annae.ui.uilnk.type1 .box_col.col4{ margin-left: -1%;}
.annae.ui.uilnk.type1 .box_col.col4 .col{width: 24%;    margin:0 0 1% 1%;}
.annae.ui.uilnk.type1 .box_col.col4 .col:last-child{margin-right: 0;}
.annae.ui.uilnk.type1 .box_col.col4 .col .item{height: 265px;width: 100%;}
.annae.ui.uilnk.type1 .box_col .col .bico .ico{display: block;width: 62px;height: 62px;margin: 0 auto;background:url(/images/mosi2/common/line_icon.png) no-repeat;}
.annae.ui.uilnk.type1 .box_col .col .bico .ico.icon1{background-position:0 0;}
.annae.ui.uilnk.type1 .box_col .col .bico .ico.icon2{background-position: -64px 0;}
.annae.ui.uilnk.type1 .box_col .col .bico .ico.icon3{background-position: -122px 0;}
.annae.ui.uilnk.type1 .box_col .col .bico .ico.icon4{background-position:-184px 0;}
.annae.ui.uilnk.type1 .box_col .col .bico b{margin-top:20px;font-size:18px}
.annae.ui.uilnk .box_col .col .item p em{display: block;color: #8b8b8b;}
.annae .item p{text-align: center;}
.annae.ui.uilnk.type1 .box_col .col ul li{float: none;width: auto;display:block;}
.annae.ui.uilnk.type1 .box_col .col ul li.ltx{display:block;float:none;margin:0 auto;width:70%;text-align:center;}
#sub0202 .care_wrap .care_txt:before { content: ""; width:2px;height: 190px;background: #c8cccc;position: absolute; top:0; left: -50px; }

@media (max-width:875px) {
	.annae.ui.uilnk.type1 .box_col.col4 .col{width: 49%;}
	.annae.ui.uilnk.type1 .box_col.col4 .col .item{height: 270px;margin:0 auto 3%;}
}

@media (max-width:425px) {
	.annae.ui.uilnk.type1 .box_col.col4 .col{width: 100%; margin-right: 0;}
	.annae.ui.uilnk.type1 .box_col.col4 .col .item{height: auto;}
	.annae.ui.uilnk.type1 .box_col.col4 .col{ margin-left: 0; }
    .annae.ui.uilnk.type1 .box_col.col4 { margin-left: 0; }

}

.plant_wrap{border-top:3px solid #06378e;}
.plant_wrap:after{content:"";display:block;clear:both;visibility:hidden;}
.plant_wrap h4{float:left;width:27%;font-size:25px;color:#1d4c9e;margin:0 auto;padding:0;background:none;word-break: keep-all;}
.p_wrap h4 span {display:block;padding:0 0 10px; font-size:14px;color:#000;border-top: 1px solid #1d4c9e;width: 31px;    line-height: 190%;}
.p_wrap h4 em {display:block; font-size:15px;line-height: 20px;}
.p_wrap h4:before{display:none;}
.p_wrap {padding:5% 1% 5% 2%;border-bottom:1px solid #dcdcdc;}
.p_wrap .txtbox{float:left;width:65%;margin-left:4%;}
.p_wrap .txtbox p{margin:0;}
.p_wrap .txtbox .btnbox{margin:10px 0 0;}
.p_wrap .txtbox .btnbox .btn{margin:5px 0 0;text-align: left;}
.p_wrap:after{content:"";display:block;clear:both;visibility:hidden;}
.p_wrap:first-child{margin-left:0;}

 @media(max-width:740px) {
.plant_wrap h4{width: 100%;float: none;}
.p_wrap .txtbox{width: 100%;float: none; margin:10px 0 0;display: inline-block;}
.p_wrap{padding: 3%;}
 }


/* 0103 찾아오시는길 */
.mosi_map{overflow:hidden;position:relative;background-color:#353946; padding: 3px;}
.mosi_map .l_img{float:left;height:268px;width:55%;overflow:hidden;}
.mosi_map .l_img img{width:99%;height:99%;text-align: center;}
.mosi_map .map{position:relative;overflow:hidden;height:400px;background:#4D5965;}
.mosi_map .box_local p{width:199px;height:62px;font-size:0;text-indent:-9999px;background: url(/images/mosi2/sub01/sub0103_img02.png); text-align: center; line-height:45px; margin:0 0 20px 0;font-weight:bold;color:#333333;}
.mosi_map .box_local{position: absolute;padding:50px;background:#353946;width: 45%; height: 268px; right: 0px;}
.mosi_map .box_local:after{content:"";display:block;clear:both;visibility:hidden;}
.mosi_map .box_local .lst_local{display:inline-block;float:none;}
.mosi_map .box_local .lst_local li{position:relative;background:url(/images/mosi2/sub01/sub0103_bul.png) no-repeat left 10px;text-align:left;line-height:22px;color:#d1d1d3;font-size:16px;padding-left:10px;}
.mosi_map .box_local .lst_local li em {display:inline-block;width: 80px;margin-right: 15px;color: #ffffff;font-size: 16px;position:relative;}
.mosi_map .box_local .lst_local li em:before{ width:1px; height:10px; background-color:#d1d1d3; content:""; display:inline-block; margin-top:-3px; position:absolute; top:50%; right:0;}
.mosi_map .box_local .lst_local li.s0103_navi{position: absolute;height:60px;vertical-align: middle;padding: 0;margin-top: 7px; list-style: none;font-size: 15px;margin-top: 23px;}
.mosi_map .box_local .lst_local li.s0103_navi a{display:inline-block;padding: 5px 0 0 7px; background:none; color: #f5f5f6;}
.mosi_map .box_local .lst_local li.s0103_navi a:hover,
.mosi_map .box_local .lst_local li.s0103_navi a:focus,
.mosi_map .box_local .lst_local li.s0103_navi a:active{color:#18cde5;}
.mosi_map .box_local .lst_local li.s0103_navi a:after{content: "";display: block;position: absolute;width: 245px;height: 12px;background:url(/images/mosi2/sub01/sub0103_under.png) no-repeat;bottom:15px;left:36px;z-index: 1;}
.mosi_map .box_local .lst_local li.s0103_navi a:hover:after,
.mosi_map .box_local .lst_local li.s0103_navi a:focus:after{background:url(/images/mosi2/sub01/sub0103_under_ov.png) no-repeat;}
.mosi_map .box_local .lst_local li.s0103_navi .map_icon2{width:24px; height:34px; background:url(/images/mosi2/sub01/sub0103_map_icon2.png) no-repeat 0 0; display:inline-block;}
.mosi_map_b {height:400px; }
@media(max-width:920px) {
  .mosi_map .box_local{padding:20px;width: 50%;}
	.mosi_map .l_img{width:70%;margin-left:-5%;}
}

@media(max-width:760px) {
  .mosi_map .box_local{position:relative;padding:20px;width: 100%;height:auto;}
	.mosi_map .l_img{width:100%;float:none;height:auto;margin-left:0;}
	.mosi_map .box_local .lst_local li.s0103_navi{top:20px;right: 40px;margin-top: 0px;}
	.mosi_map .box_local .lst_local li.s0103_navi a{height:auto;}
	.mosi_map .box_local .lst_local li.s0103_navi .map_icon2{margin:0 auto ; }
}
@media(max-width:660px) {
  .mosi_map .box_local .lst_local{width:100%;padding-left:0;}
  .mosi_map .box_local .lst_local li b{display: block;}
  .mosi_map .box_local .lst_local li.s0103_navi{position: static;top: auto;list-style: none;margin-top: 23px;}
	.mosi_map .box_local .lst_local li.s0103_navi a{width: 80%;}
	.mosi_map .box_local .lst_local li.s0103_navi a:after{bottom:38px;left:60px;}
	.mosi_map .box_local .lst_local li.s0103_navi a:hover:after,
	.mosi_map .box_local .lst_local li.s0103_navi a:hover:focus,
	.mosi_map .box_local .lst_local li.s0103_navi a:hover:focus{bottom:38px;left:60px;}
}
@media(max-width:420px) {
	.mosi_map .box_local .lst_local li.s0103_navi{padding-left: 3px;}
	.mosi_map .box_local .lst_local li.s0103_navi a{width: 100%;}
	.mosi_map .box_local .lst_local li.s0103_navi .map_icon2,
	.mosi_map .box_local .lst_local li.s0103_navi a:after{display: none;}
	.mosi_map .box_local .lst_local li.s0103_navi a:hover:after,
	.mosi_map .box_local .lst_local li.s0103_navi a:hover:focus,
	.mosi_map .box_local .lst_local li.s0103_navi a:hover:focus{display: none;}
}


/* 0201 한눈에보는 전시관 */
.map_wrap {position:relative; padding-left:700px; border:1px solid #ddd;}
.map_wrap .mapimg {position:absolute;top:0;left:0;width:700px;padding: 0 10px;text-align:center;}
.map_wrap .mapimg img {width:100%;}

.map_wrap .txtb {border-left:1px solid #ddd;}
.map_wrap .txtb .t_top {padding:30px; background:#f1f2f8;}
.map_wrap .txtb .t_top .tit {min-height:70px;padding-left: 90px;margin: 0 0 20px;line-height:70px;color:#194fa5;font-size:20px;font-weight:bold;background:url(/images/mosi2/sub02/mapicon.png)no-repeat left center;}
.map_wrap .txtb .t_bot {padding:25px;}
.map_wrap .txtb .t_bot:after{display:block;clear:both;visibility:hidden;content:"";}
.map_wrap .txtb .t_bot ul {float:left; width:50%;}
.map_wrap .txtb .t_bot ul li {margin:5px 0;}
.map_wrap .txtb .t_bot ul li span {display:inline-block; margin-right:7px;font-weight:bold; vertical-align:middle; left: 0;
top: -2px;width: 25px;height: 25px;margin-right: 5px;background: #1c4982;border-radius: 50%;font-size: 12px;color: #fff;text-align: center;line-height: 26px;}


@media(max-width:1280px){
  .map_wrap {padding:0;}
  .map_wrap .mapimg {position:static; max-width:800px; width:100%; margin:0 auto;}

}

@media(max-width:500px){
  .map_wrap .txtb .t_top .tit {min-height: auto;background:none;padding:0;line-height:1.5;}
  .map_wrap .txtb .t_bot {padding:30px;}
  .map_wrap .txtb .t_bot ul {float:none; width:100%;}
}

.loc_wrapbox .txt ul li span {display: inline-block;position: absolute;left: 0;top: -2px;width: 30px;height: 31px;margin-right: 15px;background: #1c4982;border-radius: 50%;font-size: 14px;color: #fff;text-align: center;line-height: 31px;}

/* 0202 한산모시관 */
.hisB .hisBWrap{}
.hisB .hisBWrap .hisBttl{height: 210px;background:url(/images/mosi2/sub02/0202_history.png) no-repeat center top;text-align: center;}
.hisB .hisBWrap .hisBttl h2{margin-top:100px;font-size:17px;text-align: center;padding-top: 77px;}
.hisB .hisBWrap .hisBttl h2:before{display: none;}
.hisB .hisBWrap .hisBttl p{padding-top:4px;padding-left:53px;font-size: 20px;letter-spacing:44px;font-weight: 600;}
.hisB .hisBWrap .hisBttl2{margin-bottom:40px;text-align: center;}
.hisB .hisBWrap .hisBttl2 h2{font-size:28px;text-align: center;padding-top: 40px;color:#223f9f;}


@media (max-width:650px){
.hisB .hisBWrap .hisBttl p{padding-left:20px;font-size:20px;letter-spacing: 37px;}   

}

@media (max-width:400px){
.hisB .hisBWrap .hisBttl{height: 220px;margin-bottom:0px;}
.hisB .hisBWrap .hisBttl h2{margin-top:0px;font-size:17px;text-align: center;letter-spacing: -1px;}.hisB .hisBWrap .hisBttl p {font-size:18px;letter-spacing:23px;}

}


/* 0202 모시의 역사 내용*/
.history{position:relative;}
.history:before{content:"";display:block;position:absolute;top:0;left:29px;width:1px;height:100%;background:#e5e5e5;border-radius:1px;}
.history>p{position:absolute;left:0;margin:0;width:271px;height:268px;color:#000;font-size:24px;font-weight:bold;line-height:32px;text-align:center; padding-top:120px;background:url(/images/mosi2/sub02/0202_history.png) no-repeat;}
.history .present{top:-98px;}
.history .before{bottom:-80px;}

.history .item{position:relative;margin-top:20px;}
.history .item:after{content:"";display:block;clear:both;visibility:hidden;}
.history .item .grap{position:relative;padding:0 20px 0 55px;}
.history .item .grap:before{content:"";display:block;position:absolute;top:-6px;left:23px;width:15px;height:15px;background:url(/images/mosi2/sub02/history_bul.png) no-repeat;}
.history .item .grap .tit{position:relative;margin-bottom:10px;color:#000;/*font-family:'nsr','맑은 고딕','Malgun Gothic';*/}
.history .item .grap .tit p{margin:0 0 10px;font-size:16px;line-height:20px;}
.history .item .grap .tit p span{line-height:20px;}
.history .item .grap .tit h3{margin:0;color:#333;font-size:20px;line-height:28px;word-wrap:break-word;word-break:keep-all;}
.history .item .grap .tit h3 span{display:block;font-size:14px;font-weight:normal;line-height:18px;}

.history .item .grap.lcnt .tit h2,
.history .item .grap.rcnt .tit h2,{font-weight: normal;line-height: 24px;margin-bottom: 25px;}
.history .item .grap.lcnt .tit h2 span,
.history .item .grap.rcnt .tit h2 span{color:#223f9f}
.history .item .grap.lcnt .tit img,
.history .item .grap.rcnt .tit img{margin-top: 15px;}

.history .item .grap .con_history{}
.history .item .grap .con_history .lst_history li{position:relative;margin-top:10px;line-height:18px;word-wrap:break-word;word-break:keep-all;font-size:14px;}
.history .item .grap .con_history .lst_history li:first-child{margin-top:0;}
.history .item .grap .con_history .lst_history li b{display:block;color:#121212;font-size:16px;font-weight:400;line-height:1.4;}



.history .item .grap .gall_history{margin-top:20px;}
.history .item .grap .gall_history li{margin-bottom:10px;}
.history .item .grap .gall_history li figure span{display:block;background-color:#f7f7f7;text-align:center;}
.history .item .grap .gall_history li figure span img{width:100%;}
.history .item .grap .gall_history li figcaption{margin-top:7px;font-size:13px;line-height:15px;text-align:left;word-wrap:break-word;word-break:keep-all;}
.history .item .grap .gall_history:after{content:"";display:block;clear:both;visibility:hidden;}


.history .item .grap.lcnt .con_history p, .history .item .grap.rcnt .con_history p {font-size:18px;font-weight: 600;margin-bottom: 15px;}

@media all and (min-width:480px) {
	.history .item .grap .gall_history li{float:left;margin:0 0 0 1.5%;width:32.33%;}
	.history .item .grap .gall_history li:first-child{margin-left:0;}
}

@media all and (min-width:640px) {
	.history>p{left:50%;margin-left:-128px;}
	.history:before{left:50%;margin-left:6px;margin-top: 10px;}
	.history .item .grap{padding:0;}
	.history .item .grap:before{top:16px;left:49.85%;margin-left:1px;}
	.history .item .grap:after{content:"";display:block;clear:both;visibility:hidden;}
	.history .item .grap .con_history{padding-top:2px;}
	.history .item .grap.lcnt .tit,
	.history .item .grap.rcnt .con_history{float:left;padding-right:30px;width:50%;text-align:right;}
	.history .item .grap.rcnt .tit,
	.history .item .grap.lcnt .con_history{float:right;padding-left:40px;width:50%;text-align:left;}
	.history .item .grap.lcnt .con_history p,
	.history .item .grap.rcnt .con_history p{font-size: 26px;font-weight: 600;margin-bottom: 15px;}
	.history .item .grap .con_history .lst_history li{margin-top:15px;}
	.history .item .grap.lcnt .con_history .lst_history li b{left:0;}
	.history .item .grap.rcnt .gall_history{margin-left:-1%;}
	.history .item .grap.rcnt .gall_history li{float:left;margin:0 0 0 1%;width:32.33%;}
	.history .item .grap.lcnt .gall_history{margin-right:-1%;}
	.history .item .grap.lcnt .gall_history li{float:right;margin:0 1% 0 0;width:32.33%;}
}
@media all and (min-width:768px) {
	.history .item .grap.lcnt .con_history .lst_history li{padding-left:0px; font-weight: normal;}
	.history .item .grap.rcnt .con_history .lst_history li{padding-right:0px; font-weight: normal;}
	.history .item .grap .con_history .lst_history li b{position:absolute;top:0;right:0;}
	.history .item .grap .tit p{font-size:16px;line-height:26px;color:#000;position: relative;top: 10px;}
	.history .item .grap .tit p span{display:block;line-height:22px;}
	.history .item .grap .tit h3{font-size:26px;line-height:30px;}
	.history .item .grap .tit h3 span{margin-top:5px;font-size:16px;line-height:20px;}
}
@media all and (min-width:1280px) {
	.history .item .grap.rcnt .gall_history li{margin-left:10px;width:166px;}
	.history .item .grap.lcnt .gall_history li{margin-right:10px;width:166px;}
	.history .item .grap.rcnt .gall_history li:first-child,
	.history .item .grap.lcnt .gall_history li:first-child{margin:0;}
}


/* sub02 전시관*/
.s02_exhibition{padding: 40px;border: 1px solid #ddd;margin-top: 20px;}
.s02_exhibition .uiShift{position: relative;}
.s02_exhibition .uiShift + .uiShift{margin-top:140px}
.s02_exhibition .gallery_wrap{position:relative;}
.s02_exhibition .gallery_wrap:after{content: '';display: block;visibility: hidden;clear: both;}
.s02_exhibition .gallery_wrap .view_wrap { float: right; width: 75%;position: relative; }
.s02_exhibition .gallery_wrap .galleryView{  }
.s02_exhibition .gallery_wrap .galleryView img{width: 100%}

.s02_exhibition .gallery_wrap .galleryThum{float: left; width: 22.9%;}
.s02_exhibition .gallery_wrap .galleryThum .list{position:relative;}
.s02_exhibition .gallery_wrap .galleryThum .list .item{position:relative;padding-top: 56.5%; margin-bottom: 6.1%; }
.s02_exhibition .gallery_wrap .galleryThum .list .item:last-child { margin-bottom: 0; }
.s02_exhibition .gallery_wrap .galleryThum .list .item + .item{margin-left:0.25%;}
.s02_exhibition .gallery_wrap .galleryThum .list .item a{display:block;overflow:hidden;position: absolute; top:0; left:0; height: 100%; width: 100%; }

.s02_exhibition .gallery_wrap .galleryThum .list .item a.ov,
.s02_exhibition .gallery_wrap .galleryThum .list .item:active a,
.s02_exhibition .gallery_wrap .galleryThum .list .item:focus a{border: 7px solid #4e9bda;}
.s02_exhibition .gallery_wrap .galleryThum .list .item img{display:block}
.s02_exhibition .gallery_wrap .galleryThum .list .item .pt{display:none}
    
.s02_exhibition .gallery_wrap .galleryThum .list .item a.ov:before,
.s02_exhibition .gallery_wrap .galleryThum .list .item:hover a:before, 
.s02_exhibition .gallery_wrap .galleryThum .list .item:active a:before, 
.s02_exhibition .gallery_wrap .galleryThum .list .item:focus a:before {content: '';position: absolute;top: 50%;left: 50%;width: 37px;height: 36px;margin-left:-18.5px;margin-top:-18px;background: url(/images/mosi2/common/before.jpg) no-repeat;z-index: 2;}
.s02_exhibition .gallery_wrap .galleryThum .list .item a.ov:after, 
.s02_exhibition .gallery_wrap .galleryThum .list .item:hover a:after, 
.s02_exhibition .gallery_wrap .galleryThum .list .item:active a:after, 
.s02_exhibition .gallery_wrap .galleryThum .list .item:focus a:after {display: block;content: "";z-index: 1;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);}

.s02_exhibition .gallery_wrap .control{position:absolute;top:50%;left:0;width:100%;margin-top:-35px;height: 70px; overflow: hidden; }
.s02_exhibition .gallery_wrap .control .arr{position:absolute;right:0;top:0;width:70px;height:70px; font-size: 0;text-indent: -9999px;}
.s02_exhibition .gallery_wrap .control .arr.arrLeft{left:0;padding: 12px 0;background: url(/images/mosi2/common/arr_left.png) no-repeat; }
.s02_exhibition .gallery_wrap .control .arr.arrRight{right:0;padding: 12px 0;background: url(/images/mosi2/common/arr_right.png) no-repeat;}

@media (max-width:767px){
    .s02_exhibition .gallery_wrap .view_wrap { float:none;width: 100%; }
    .s02_exhibition .gallery_wrap .galleryThum { float:none;width:100%;margin-top: 2%; }
    .s02_exhibition .gallery_wrap .galleryThum .list .item { width:32%;margin-right: 1.7%;float:left;padding-top: 17.5%; }
    .s02_exhibition .gallery_wrap .galleryThum .list .item:last-child { margin-right: 0; }
}
@media (max-width:480px){
    .s02_exhibition{padding: 0;border: 0; margin-top: 20px;}
    .s02_exhibition .gallery_wrap .control .arr { width: 40px; height: 40px; }
    .s02_exhibition .gallery_wrap .control .arr.arrLeft { background-size: 40px; }
    .s02_exhibition .gallery_wrap .control .arr.arrRight { background-size: 40px; }
    .s02_exhibition .gallery_wrap .control { height: 40px;margin-top: -20px; }
}

/* 0208 한산모시홍보관 2층*/
.sub0208_con {margin:30px 0 0;}
.sub0208_con .ex_top {position:relative;}
.sub0208_con .ex_top .imgb {position:relative;width:100%;max-width:945px;}
.sub0208_con .ex_top .txtb {position:absolute;right:0;top:125px; width:530px;height:255px;background:#353946 url(/images/mosi2/sub02/sub021201_img09.png)no-repeat right bottom;box-shadow: 0 5px 30px rgba(0,0,0,0.4);}
.sub0208_con .ex_top .txtb .inner {position:relative;padding: 90px 0 0 40px;}
.sub0208_con .ex_top .txtb .inner:before {display:block; position:absolute; top:-23px; right:20px; width:272px; height:20px; border:1px solid #ddd; content:'';}
.sub0208_con .ex_top .txtb .inner:after {display:block; position:absolute; top:-55px; right:20px;width:157px; height:15px; background:url(/images/mosi2/sub01/s0101_img08.png)no-repeat; content:'';}
.sub0208_con .ex_top .txtb .inner .tit {margin:0 0 20px;}
.sub0208_con .ex_top .txtb .inner .tit span {display: inline-block; width:205px; height:26px; margin-right:5px; background:url(/images/mosi2/sub02/sub020801_img02.png)no-repeat; font-size:0;}

@media(max-width:1280px){
    .sub0208_con .ex_top .txtb .inner:before,
    .sub0208_con .ex_top .txtb .inner:after {display:none;}
}
@media(max-width:999px){
    .sub0208_con .ex_top .txtb {position:static;width:100%;}
}

@media(max-width:767px){
    .sub0208_con .ex_top .txtb {height: auto;background: #353946;}
    .sub0208_con .ex_top .txtb .inner {padding:30px;}
}
/* 0301 체험 프로그램 안내 */
.care_wrap {padding: 40px;position: relative;border-top:3px solid #194fa5 ;border-bottom:1px solid #ddd;padding-left: 265px;}
.care_wrap .care_icobox { position: absolute; top:82px; left:77px; display: block;text-align: center; }
.care_wrap .care_icobox strong { font-size: 20px; color:#194fa5;margin-top: 20px;display: block; }
.care_wrap .care_icobox .care_icon { width:48px; height: 41px; background:url(/images/mosi2/sub03/sub0301_img01.png); display: block;  margin: 0 auto; }
.care_wrap .care_txt { position: relative; }
.care_wrap .care_txt .num.num-default { background:#188212; }
.guide_box{border:1px solid #ddd;  padding: 60px 10px;}


.sub0301 .inner .tp_icon .icon20{background-position: -992px -546px;}
.sub0301.ui.uilnk.type1 .box_col.col4 .col{width:32.3%;}
.sub0301.ui.uilnk.type1 .box_col.col4 .col .item{height:350px;padding-top:50px;margin-bottom:0}
.sub0301.ui.uilnk.type1 .box_col .col .bico .ico{width: 160px;height: 160px;background: url(/images/mosi2/sub03/sub0301_icon.png) no-repeat;}
.sub0301.ui.uilnk.type1 .box_col .col .bico .ico.icon1{background-position: -4px -3px;}
.sub0301.ui.uilnk.type1 .box_col .col .bico .ico.icon2{background-position: -169px -4px;}
.sub0301.ui.uilnk.type1 .box_col .col .bico .ico.icon3{background-position: -336px -4px;}
.sub0301.ui.uilnk.type1 .box_col .col .bico .ico.icon4{background-position: -4px -167px;}
.sub0301.ui.uilnk.type1 .box_col .col .bico .ico.icon5{background-position: -169px -168px;}
.sub0301.ui.uilnk.type1 .box_col .col .bico .ico.icon6{background-position: -335px -168px;}
.sub0301.ui.uilnk.type1 .box_col .col .bico .ico.icon7{background-position: -4px -332px;}
.sub0301.ui.uilnk.type1 .box_col .col .bico .ico.icon8{background-position: -169px -332px;}
.sub0301.ui.uilnk.type1 .box_col .col .bico .ico.icon9{background-position: -335px -332px;}
.sub0301.ui.uilnk.type1 .box_col .col .bico .tit_blue{color:#194fa5;margin-top: 35px;margin-bottom:5px;font-size:20px;}

.inner2{width:100%; height:60px;border: 1px solid #d2d2d2;padding:9px;margin-top:50px;}
.inner2 .inner2_icon{float:left;display:block;overflow: hidden;width: 41px;height: 41px;background: url(/images/mosi2/common/tp_icon.png) no-repeat -240px -6px;margin-left:15px;margin-right: 20px;}
.inner2 .txtwrap{float:left;line-height: 45px;}
.inner2 .txtwrap span{font-size:16px;}
.inner2 .txtwrap .tit_blue{color: #194fa5;font-size:18px;margin-right:40px;font-weight:600;}

.care_wrap .care_icobox{top:45px;}
.care_wrap .care_txt span{color: #da4453;}

@media(max-width:880px){
	.sub0301.ui.uilnk.type1 .box_col.col4 .col{width:49%;}
}
@media(max-width:560px){
	.sub0301.ui.uilnk.type1 .box_col.col4 .col{width:99%;}
}

@media (max-width:767px) {
	.care_wrap .care_icobox {position: static;}
	.care_wrap { padding: 20px; padding-left: 20px; }
	.care_wrap .care_icobox .care_icon {margin: 0 auto;}
	.care_wrap .care_txt {margin-top:20px;}
}


/* 0604 주변관광지 */
.tour_link:after{content: '';display: block;clear: both;}
.tour_link a{position: relative;float: left;width: 32%;margin-right: 2%;border:1px solid #ddd; padding-right:0;}
.tour_link a:nth-child(3){margin-right:0;}
.tour_link a .bg{padding:94px 0px 115px 0px; }
.tour_link a.alink1 .bg{background: url(/images/mosi2/sub06/sub0604_img01.png) no-repeat; background-size: cover;}
.tour_link a.alink2 .bg{background: url(/images/mosi2/sub06/sub0604_img02.png) no-repeat;background-size: cover;}
.tour_link a.alink3 .bg{background: url(/images/mosi2/sub06/sub0604_img03.png) no-repeat;background-size: cover;}
.tour_link a .bg span{display: block; width:90px;height: 90px;margin:0 auto;padding: 22px 0; border-radius: 50%; }
.tour_link a.alink1 .bg span{background: #1750a7;}
.tour_link a.alink2 .bg span{background: #eaac32;}
.tour_link a.alink3 .bg span{background: #df314e;}
.tour_link a .bg span em{display: block;margin: 0 auto; background: url(/images/mosi2/sub06/ir_icon.png) no-repeat;}
.tour_link a.alink1 .bg span em{width: 35px;height: 45px; background-position: 0 0}
.tour_link a.alink2 .bg span em{width: 50px;height: 45px; background-position: -34px 0}
.tour_link a.alink3 .bg span em{width: 33px;height: 45px; background-position: -84px 0}

.tour_link a .txt{height: 215px; padding: 30px 30px; text-align: center;}
.tour_link a .txt strong{font-size:26px;font-weight: bold;color:#333;}
.tour_link a .txt p{font-size:16px;color:#b1b1b1;}
.tour_link a .txt .bt{display: block;position: relative;bottom: -20px; width: 40px; height: 40px;margin: 0 auto; padding: 10px 0; border:1px solid #b1b1b1;font-size: 0;}
.tour_link a .txt .plus{display: block;width: 17px; height: 17px;margin: 0 auto; background: url(/images/mosi2/sub06/ir_plus.png)no-repeat;border: 0;font-size: 0;}
.tour_link a:hover,
.tour_link a:focus{box-shadow: 6px 6px 11px #cdcdcd;}
.tour_link a:hover .bg,
.tour_link a:focus .bg{padding:94px 0px 35px 0px; }
.tour_link a:hover .txt,
.tour_link a:focus .txt{height: 295px;padding: 50px 30px;color: #fff;}
.tour_link a:hover .txt p,
.tour_link a:focus .txt p{color:#fff;}
.tour_link a.alink1:hover .txt,
.tour_link a.alink1:focus .txt{background: #1750a7;}
.tour_link a.alink2:hover .txt,
.tour_link a.alink2:focus .txt{background: #eaac32;}
.tour_link a.alink3:hover .txt,
.tour_link a.alink3:focus .txt{background: #df314e;}
.tour_link a:hover .bg span,
.tour_link a:focus .bg span{padding: 25px 0;}
.tour_link a:hover .txt strong,
.tour_link a:focus .txt strong{color: #fff;}
.tour_link a:hover .txt .bt,
.tour_link a:focus .txt .bt{position: relative; width: 115px; height: 40px;margin-top: 60px; padding:8px 30px 10px 15px;  border:1px solid #fff; font-size: 14px;text-align: left;}
.tour_link a:hover .txt .plus,
.tour_link a:focus .txt .plus{position: absolute;right: 20px;top: 10px; font-size: 0;text-indent: -999px;background-position: -17px 0;}

@media (max-width:999px) {
	.tour_link a{width: 48%;margin-bottom:2%;}
    .tour_link a .bg{padding:94px 0px 35px 0px;}
	.tour_link a.alink1 .bg{background-size: 100%;}
	.tour_link a.alink2 .bg{background-size: 100%;}
	.tour_link a.alink3 .bg{background-size: 100%;}
	.tour_link a.alink4 .bg{background-size: 100%;}

	.tour_link a:hover .txt,
	.tour_link a:focus .txt{height: 215px; padding: 30px 30px;}
	.tour_link a:hover .txt .bt,
	.tour_link a:focus .txt .bt {margin-top:20px;}
}
@media (max-width:570px) {
	.tour_link a{width: 100%;margin:0 0 2% 0; }
  .tour_link a .bg{padding-bottom:90px;}
	.tour_link a .txt{height: 185px;padding: 10px 30px}
}



/* 0402 제작과정 */
.sub0402 .ui.uilnk .box_col .col .item{min-height:220px}
.sub0402 .ui.uilnk .box_col .col .bico b{color:#fff;}
.sub0402 .ui.uilnk.type1 .box_col .col p{color:#fff;}
.sub0402 .ui.uilnk .box_col .col .item.bg01{background:url(/images/mosi2/sub04/bg_img01.jpg) no-repeat center;background-size: cover;}
.sub0402 .ui.uilnk .box_col .col .item.bg02{background:url(/images/mosi2/sub04/bg_img02.jpg) no-repeat center;background-size: cover;}
.sub0402 .ui.uilnk .box_col .col .item.bg03{background:url(/images/mosi2/sub04/bg_img03.jpg) no-repeat center;background-size: cover;}
.sub0402 .ui.uilnk .box_col .col .item.bg04{background:url(/images/mosi2/sub04/bg_img04.jpg) no-repeat center;background-size: cover;}
.sub0402 .ui.uilnk .box_col .col .item.bg05{background:url(/images/mosi2/sub04/bg_img05.jpg) no-repeat center;background-size: cover;}
.sub0402 .ui.uilnk .box_col .col .item.bg06{background:url(/images/mosi2/sub04/bg_img06.jpg) no-repeat center;background-size: cover;}
.sub0402 .ui.uilnk .box_col .col .item.bg07{background:url(/images/mosi2/sub04/bg_img07.jpg) no-repeat center;background-size: cover;}
.sub0402 .ui.uilnk .box_col .col .item.bg08{background:url(/images/mosi2/sub04/bg_img08.jpg) no-repeat center;background-size: cover;}
.sub0402 .ui.uilnk .box_col .col .item.bg09{background:url(/images/mosi2/sub04/bg_img09.jpg) no-repeat center;background-size: cover;}

.sub0402 .tp_icon{width:80px;height:80px;background:url(/images/mosi2/sub04/sub0402_icon.png) no-repeat;}
.sub0402 .tp_icon.circle1{background-position:0 0;}
.sub0402 .tp_icon.icon1{background-position:0 -80px;}
.sub0402 .tp_icon.icon2{background-position:-80px -80px;}
.sub0402 .tp_icon.icon3{background-position:-160px -80px;}
.sub0402 .tp_icon.icon4{background-position:-240px -80px;}
.sub0402 .tp_icon.icon5{background-position:-320px -80px;}
.sub0402 .tp_icon.icon6{background-position:-400px -80px;}
.sub0402 .tp_icon.icon7{background-position:-480px -80px;}
.sub0402 .tp_icon.icon8{background-position:-560px -80px;}
.sub0402 .tp_icon.icon9{background-position:-640px -80px;}
.sub0402 .tp_icon.icon10{background-position:-720px -80px;}

.sub0402 .ui.uilnk .box_col .col .item{padding:35px 10px 30px;}
.sub0402 .ui.uilnk.type1 .box_col .col .bico b{margin-bottom:5px;}

.sub0402 .ui.uilnk .box_col .col .item{padding-bottom:25px}

@media only screen and (max-width:560px){
/* .sub0402 .ui.uilnk .box_col .col .item.bg01{background-size:100%;}
.sub0402 .ui.uilnk .box_col .col .item.bg02{background-size:100%;}
.sub0402 .ui.uilnk .box_col .col .item.bg03{background-size:100%;}
.sub0402 .ui.uilnk .box_col .col .item.bg04{background-size:100%;}
.sub0402 .ui.uilnk .box_col .col .item.bg05{background-size:100%;}
.sub0402 .ui.uilnk .box_col .col .item.bg06{background-size:100%;}
.sub0402 .ui.uilnk .box_col .col .item.bg07{background-size:100%;}
.sub0402 .ui.uilnk .box_col .col .item.bg08{background-size:100%;}
.sub0402 .ui.uilnk .box_col .col .item.bg09{background-size:100%;} */

}

/* 0501 필모시 */
.img_con_t {position: relative;min-height: 420px;margin: 0 0 70px;}
.img_con_t .imgb {position:relative; z-index:2;}
.img_con_t .txtb { position: absolute; right: 0; top: 77px; width: 590px; height: 336px;z-index:2;box-shadow: 6px 6px 12px #cdcdcd; }
.img_con_t .txtb .inner2 {position:relative; width:100%; height:100%;padding:64px; background:#194fa5;}
.img_con_t .txtb .inner2:before {display:block;position:absolute;right:184px;top:-39px;width: 362px;border:1px solid #ddd;content:"";}
.img_con_t .txtb strong {display:block; width:204px; height:42px; margin:0 0 10px; font-size:34px;color:#fff;font-weight:500;}
.img_con_t .txtb span{font-size:19px;color:#fff;}
.img_con_t .txtb p {color:#e1e1e1;margin-top:18px;}
.img_con_t .txtb p span {display: block;}
.img_con_t .txtb .mositxt {display:block; position:absolute; top:-49px; right:0;;width:157px; height:15px; background:url(/images/mosi2/sub01/s0101_img08.png)no-repeat;  font-size:0;}
.img_con_b:after{display:block;clear:both;visibility:hidden;content:"";}
.img_con_b .imgb {float:left;position: relative;width:50%;}
.img_con_b .imgb img {position: relative; z-index: 2;}
.img_con_b .imgb:after {display:block;position:absolute;left:-50px;top:-45px;width:125px;height:125px;background: url(/images/mosi2/sub01/s0101_img07.png)no-repeat;content:"";z-index: 1;}
.img_con_b .txtb {float:right;position: relative;width:50%;padding-left: 60px;}
.img_con_b .txtb:before {display:block; position:absolute; top:20px; left:0; width:3px; height:135px; background:#ddd; content:"";}
.img_con_b .txtb:after {display:block; position:absolute; top:-20px; left:30px; width:10px; height:75px; background:#2a3960; content:"";}
.img_con_b .txtb strong {display:block;margin: 0 0 40px;font-family: "nmj";font-size: 38px;color: #2a3960;text-indent: 60px;}
.img_con_b .txtb strong span {display:inline-block; width:47px; height:31px; margin-left:20px;background: url(/images/mosi2/sub01/s0101_img06.png)no-repeat;  }
.img_con_b .txtb p {font-size: 15px;color: #555;word-break: keep-all;}


@media(max-width:1359px){
     .img_con_t .txtb .inner2:before ,
     .img_con_t .txtb .mositxt {display:none;}
}

@media(max-width:1024px){
     .img_con_t {margin:0 0 70px;min-height: auto;}
     .img_con_t .txtb {position:static;width:100%;height: 254px;}
     .img_con_t .txtb .inner2 {padding: 30px 40px;}
	 .img_con_t .imgb img{width:100%;background-size:cover;}
     .img_con_b .imgb {float:none;width:100%;margin: 0 0 20px;text-align: center;}
     .img_con_b .imgb:after {display:none;}
     .img_con_b .txtb {float:none;width:100%;}
}

@media(max-width:767px){
     .img_con_t {margin:0 0 50px}
     .img_con_b .txtb {padding:0}
     .img_con_b .txtb:before {display:none;}
     .img_con_b .txtb strong {margin: 0 0 20px;text-indent:0;}
}

@media(max-width:600px){
      .img_con_t .txtb {height:auto;}
      .img_con_t .txtb p span {display:inline;word-break: keep-all;}
}



/* sub040301 전통을이어가는 사람들 */
.top_box{position: relative;;overflow: hidden;padding-bottom: 70px;}
.top_box:before{content:'';display:block;position:absolute;margin-bottom:30px;bottom:-6px;width:1240px;height:1px;background:#dddddd;}
.top_box .tit{float: left;width: 50%;position: relative;padding-top:55px;}
.top_box .tit span{font-size: 34px;color: #121212;line-height: 50px;}
.top_box .tit span strong{font-size: 40px;color:#3560a5;line-height: 50px;}
.top_box .tit:before{content:'';display:block;position:absolute;top:10px;left:-50px;width:440px;height:65px;background: url(/images/mosi2/sub04/sub040301_bg.png)no-repeat;}

.top_box .tit_img{float: left;width: 50%;position: relative;}
.top_box .tit_img img{z-index: -2;}
.s0101_name{font-size: 24px; text-align: right;margin-right: 30px;}
.s0101_name strong{font-size: 16px;font-weight: 700;}

@media only screen and (max-width:767px){
    .top_box .tit{float: none;width: 100%;}
    .top_box .tit_img{float: none;width: 100%;margin-top: 30px;}

}
@media only screen and (max-width:530px){
    .top_box{padding-bottom:0px;margin-bottom:-40px}
    .top_box:before{display: none;}
    .top_box .tit:before{top:0px;}
}

.sub040301 .ui.uit.type3{border:none;}
.sub040301 .ui.uit .inner{padding:0;}

@media only screen and (min-width: 768px){
.sub040301 .ui.uit.type3 .inner{padding:25px 25px 25px 270px;min-height:200px;}
.sub040301 .ui.uit.type3 .inner .thm_figure{left:0;height:157px;}

}


/* sub040301 전통을이어가는 사람들 End */





/* 0401 한산모시란? */
#container.sub04_01 #contentswrap {width:100%;}
#container.sub04_01 #contentswrap #location h3 {display:none;}
#container.sub04_01 #contents {max-width:100%;padding:0;margin: -55px 0 0;}

.s0401_wrap {width:100%;}
.s0401_wrap .con {position:relative;}
.s0401_wrap .con .inner {width:1240px; margin:0 auto;}
.s0401_wrap .con .inner p {font-size:17px; color:#555;text-align:center;}
.s0401_wrap .con .inner p span {display: block; font-size:17px;}

.s0401_wrap .con.con01 {z-index:1; width:100%;min-height:676px;padding: 150px 0 0;background:url(/images/mosi2/sub04/s0401_img01.jpg)no-repeat center;background-size:cover;}
.s0401_wrap .con.con01 .inner .tit {width:310px; height:76px; margin:0 auto 35px; background:url(/images/mosi2/sub04/s0401_txt01.png)no-repeat; font-size:0;}
.s0401_wrap .con.con02 {z-index:2;width:100%;min-height:1019px;margin: -240px 0 0;padding: 395px 0 0;background:url(/images/mosi2/sub04/s0401_img02.png)no-repeat center;background-size:cover;}
.s0401_wrap .con.con02 .inner {position:relative;}
.s0401_wrap .con.con02 .inner .tit {position:absolute;top: -75px;left: 75px;width:127px;height: 308px;background:url(/images/mosi2/sub04/s0401_txt02.png)no-repeat;font-size:0;}
.s0401_wrap .con.con02 .inner p { padding-left:260px; color:#c0c2c4;text-align:left;}
.s0401_wrap .con.con03 {z-index:1; width:100%;min-height:795px;margin: -240px 0 0; padding: 240px 0 0;background:url(/images/mosi2/sub04/s0401_img03.jpg)no-repeat center;background-size:cover;}
.s0401_wrap .con.con03 .inner .tit {width:414px;height:77px;margin: 0 auto 35px;background:url(/images/mosi2/sub04/s0401_txt03.png)no-repeat;font-size:0;}
.s0401_wrap .con.con03 .inner p {color:#fff;}
.s0401_wrap .con.con03 .inner p span {color:#fff;}

@media(max-width:1280px){
    #container.sub04_01 #contentswrap {width:100%; padding:0}
    .s0401_wrap .con .inner {width:100%; padding:0 50px; }
    .s0401_wrap .con.con02  {padding: 375px 0 0;}
    .s0401_wrap .con.con02 .inner p {padding-left:230px;}
}

@media(max-width:1024px){
    .s0401_wrap .con .inner p span {display: inline;}
    .s0401_wrap .con.con02  {padding: 295px 0 0;}
    .s0401_wrap .con.con02 .inner .tit {position:static; width:414px; height:77px; margin:0 auto 35px; background:url(/images/mosi2/sub04/s0401_txt02_2.png)no-repeat;}
    .s0401_wrap .con.con02 .inner p {padding:0; text-align:center;}
}

@media(max-width:767px){
  .s0401_wrap .con .inner {padding:0 20px; }
  .s0401_wrap .con.con01 {min-height: auto; padding: 90px 0;}
  .s0401_wrap .con.con01 .inner .tit {width:204px; height:50px; background-size:204px 50px;}
  .s0401_wrap .con.con02 {min-height:auto; margin:0; background:#2e3945; padding:90px 0; }
  .s0401_wrap .con.con02 .inner .tit {width:269px; height:50px; background-size:269px 50px;}
  .s0401_wrap .con.con03 {min-height:auto;margin:0; padding:90px 0;}
  .s0401_wrap .con.con03 .inner .tit {width:269px; height:50px; background-size:269px 50px;}

}

@media(max-width:530px){
    #container.sub04_01 #contents {margin:0;}
}



/* 전시관안내 */
.s02_top {position:relative;width:100%;min-height: 415px;margin: 0 0 160px;padding:50px 50px 50px 750px;background:url(/images/mosi2/sub02/s02_topbg.jpg)no-repeat;background-size:cover;}
.s02_top .imgb {position: absolute; top:50px; left:50px; width:645px; height:415px; }
.s02_top .imgb img {box-shadow: 5px 10px 20px rgba(0,0,0,0.3);}
.s02_top .txtb {}
.s02_top .txtb strong {display: block;margin: 45px 0 25px;font-size:38px;font-weight:bold;color:#fff;}
.s02_top .txtb p {font-size:15px;color: #fff;}

.tab_w {}
.tab_w .tab_menu {border:1px solid #ddd; border-left:none;}
.tab_w .tab_menu:after{display:block;clear:both;visibility:hidden;content:"";}
.tab_w .tab_menu li {float:left; width:50%; height:55px; border-left:1px solid #ddd;}
.tab_w .tab_menu li a {display: block; width:100%; height:100%; background: #fff; line-height:55px; text-align: center; color:#333; font-size:18px; }
.tab_w .tab_menu li.active a {background:#194fa5; color:#fff; }
.tab_content {margin: 40px 0;}
.tab_content .con {display:none;}
.tab_content .con.active {display: block;}
.tab_content .mt_50{margin-top: 50px;}


.hrline {width:100%; border-top:1px solid #ddd;}

.hall_wrap {}
.hall_wrap .col {position:relative; min-height:385px; padding:50px 0; border-bottom:1px solid #ddd;}
.hall_wrap .col.col1 {padding-left:480px; text-align:left; }
.hall_wrap .col.col2 {padding-right:480px; text-align:right;}
.hall_wrap .col .imgb {position:absolute; top:50px; width:430px; height:265px;}
.hall_wrap .col .imgb img {max-height:265px;min-width: 430px;}
.hall_wrap .col.col1 .imgb {left:0;}
.hall_wrap .col.col2 .imgb {right:0;}
.hall_wrap .col .txtb {}
.hall_wrap .col .txtb:after{display:block;clear:both;visibility:hidden;content:"";}
.hall_wrap .col .txtb .nums {display:inline-block;width:45px;height:45px; margin:20px 0; line-height: 45px;border-radius:50%;color:#fff;font-size:15px;font-weight: bold;text-align:center;background:#2c76b7;}
.hall_wrap .col .txtb strong {display:block;font-size:24px; color:#333;}
.hall_wrap .col .txtb p {font-size:15px; color:#555;}

@media(max-width:1280px){
  .s02_top {min-height:326px; margin:0 0 50px;padding:50px 50px 70px 450px;}
  .s02_top .imgb {width:350px; height:auto; }
  .s02_top .txtb strong {margin:0 0 15px;}
}

@media(max-width:1000px){
  .s02_top {min-height:auto; padding:20px;}
  .s02_top .imgb {position:static;width:100%; text-align:center;}
  .s02_top .imgb img {max-height:300px;}
  .s02_top .txtb strong {margin:30px 0 15px;text-align: center;font-size: 26px;}
  .s02_top .txtb p {text-align: center;}

  .hall_wrap .col.col1,
  .hall_wrap .col.col2 {padding:50px 0; text-align:left;}
  .hall_wrap .col .imgb {position:static; width:100%; height:auto; text-align:center;}
  .hall_wrap .col .imgb img {min-width:auto;}
  .hall_wrap .col .txtb {text-align:center;}
  .hall_wrap .col .txtb .left {text-align:center;}
  .hall_wrap .col .txtb strong{text-align:center;}
  .hall_wrap .col .txtb .right {text-align:center;}

}



/* 0404 명품한산모시 */
.sub0404 .ui.uit.type3{border:none;}
.sub0404 .ui.uit .inner{padding:0;}
.sub0404 .ui.uit.type3 .inner{min-height: 256px;}
.sub0404 .ui.uit .thm_figure{display: block;}


@media only screen and (min-width: 768px){
.sub0404 .ui.uit.type3 .inner{padding:25px 25px 25px 430px;}
.sub0404 .ui.uit.type3 .inner .thm_figure{top:10px;left:0;width: 380px;height:260px;}

}

/* 0407한산모시문화제 */
.vlnk_wrap {position:relative;padding:30px 40px;margin:0 auto;text-align:center;border:1px solid #ddd;}
.vlnk_img {padding:20px 0;}
.vlnk_text {margin:30px auto;width:60%;text-align:center;}


@media only screen and (max-width:640px){
.vlnk_wrap {padding:0px;}
.vlnk_text {margin:20px auto;width:99%;text-align:center;}
}

/* sub06050101 특구의 개요, 총사업비 계획 190403 오세현*/
.s06050101 .mosi2_td{color:#3f61b2;font-weight:600;}
/* sub06050101 특구의 개요, 총사업비 계획 End*/





/* sub02_10 방문자센터 */
.s0210 .ex_con .ex_bot .info_box {padding: 50px 50px 100px 300px;}
.s0210 .ex_con .ex_bot .info_box:after {content:''; display:block; clear:both; overflow:hidden;}
.s0210 .ex_con .ex_bot .info_box .imgb {position:static; float:right;}
@media(max-width:1280px){
 .s0210 .ex_con .ex_bot .info_box {padding: 50px 50px 100px 50px;}   
}
@media(max-width:999px){
    .s0210 .ex_con .ex_bot .info_box {padding:30px;}
    .s0210 .ex_con .ex_bot .info_box .tit {position:unset;}
    .s0210 .ex_con .ex_bot .info_box .imgb {display:block; float:none; margin-top:0;}
}
/* sub02_10 방문자센터 End */