@charset "utf-8";

/* 어서오이소 */
.intro {position:relative; padding-bottom:300px; background:url('/images/sub01/intro_bg.png') no-repeat 0 bottom; background-size:contain; overflow:hidden;}
.intro .tit {}
.intro .tit img {width:100%; max-width:540px;}
.intro .con {margin-top:40px;}
.intro .con p {width:100%; padding-bottom:13px; font-size:15px; line-height:26px; color:#444;  letter-spacing:-0.04em; text-align:justify;}
.intro .con p span {font-weight:600;}
.intro .pic {position:absolute; top:60px; right:0; width:35.42%; text-align:center;}
.intro .pic p img {width:100%;}
.intro .pic dl {}
.intro .pic dt {font-size:17px; color:#444; line-height:22px; letter-spacing:-0.04em;}
.intro .pic dt br {display:none;}
.intro .pic dd {padding-top:8px;}

@media all and (max-width:768px){
.intro {padding-bottom:200px;}
.intro .con {margin-top:30px;}
.intro .con p.txt4,
.intro .con p.txt5,
.intro .con p.txt6 {width:100%;}
.intro .pic dt {font-size:16px;}
.intro .pic dd img {width:80px;}
}

@media all and (max-width:480px){
.intro {padding-bottom:100px;}
.intro .con p.txt3 {width:100%;}
.intro .con {margin-top:20px;}
.intro .con p {font-size:14px;}
.intro .pic dt {font-size:15px;}
.intro .pic dt br {display:block;}
.intro .pic dd img {width:60px;}
}

/* 상주중앙시장은? */
.market .box_st4 {}
.market .box_st4 img {width:100%; max-width:475px;}

.market .pic1 {padding:30px 0; overflow:hidden; border:1px solid #ebebeb; background:#f7f7f7;}
.market .pic1 p {float:left; width:43.7%; margin-left:4.2%; line-height:0;}
.market .pic1 p img {width:100%;}
.market .pic2 {overflow:hidden;}
.market .pic2 p {float:left; width:31.25%; margin-left:3.125%; line-height:0;}
.market .pic2 p:first-child {margin-left:0;}
.market .pic2 p img {width:100%;}
.dot_line {margin-top:40px; border-top:1px dashed #ccc;}

.history li {margin-top:10px; background:#888; overflow:hidden;}
.history li:first-child {margin-top:0;}
.history li > span,
.history li > p { float:left; padding:10px 20px 11px;  line-height:22px;}
.history li > span {display:block; width:15%; font-weight:600; color:#fff;}
.history li > p {width:85%; background:#f5f5f5;}
.history li > p > br {display:none;}

@media all and (max-width:1024px){
.history li > span {width:20%;}
.history li > p {width:80%;}
}

@media all and (max-width:768px){
.market .pic1 {padding:0; border:0; background:none;}
.market .pic1 p {width:47.9%;}
.market .pic1 p:first-child {margin-left:0;}

.history li > span,
.history li > p {padding:10px;}
.history li > span {width:25%;}
.history li > p {width:75%;}
.history li > p > br {display:block;}

}

@media all and (max-width:480px){
.history li > span,
.history li > p {padding:8px 8px 9px;}
}

/* ci/캐릭터 */
.ci .ptn {border:solid #e8e8e8; border-width:1px 0 0 1px; background:url('/images/sub01/ci_ptn.png') repeat 0 0;}
.ci .sign {position:relative; width:100%; overflow:hidden;}
.ci .sign2 {margin-top:10px;}
.ci .sign li {float:left; width:52.1875%; font-size:0; line-height:0;}
.ci .sign li img {width:100%;}
.ci .sign li.img1 {}

.ci .color {padding-top:20px; overflow:hidden;}
.ci .color dl {float:left; width:48%; margin-left:4%;}
.ci .color dl:first-child {margin-left:0;}
.ci .color dl dt {padding:13px 0 9px; font-weight:600; font-size:17px; color:#555;}
.ci .color dl dt span {font-size:15px;}
.ci .color dl dd > div {margin-top:5px; border:1px solid #e8e8e8; border-radius:5px 5px; overflow:hidden; color:#333;}
.ci .color dl dd > div:first-child {margin-top:0;}
.ci .color dl dd > div > div {float:left; width:45%; height:61px;}
.ci .color dl dd > div > div.bg01 {background:#e5a70f;}
.ci .color dl dd > div > div.bg02 {background:#221e1f;}
.ci .color dl dd > div > div.bg03 {background:#df6c27;}
.ci .color dl dd > div > div.bg04 {background:#66952c;}
.ci .color dl dd > div > div.bg05 {background:#ee1c23;}
.ci .color dl dd > div > p {float:left; width:55%; height:61px; padding-top:10px; padding-left:20px; font-weight:600; font-size:15px; line-height:20px; background:#fff; vertical-align:middle;}
.ci .color dl dd > div > p > span {font-weight:400; font-size:12px; letter-spacing:-0.05em;}
.ci .color dl dd > div.large p {padding-top:35px;}
.ci .color dl dd > div.large p,
.ci .color dl dd > div.large div {height:111px;}

.ci .char {overflow:hidden;}
.ci .char li {float:left; width:48%; margin-left:4%;}
.ci .char li:first-child {margin-left:0;}
.ci .char li .img {margin-bottom:20px;}

@media all and (max-width:1024px){
.ci .color dl dd > div > div {width:30%;}
.ci .color dl dd > div > p {width:70%;}
}
@media all and (max-width:768px){
.ci .color dl {float:none; width:100%; margin-left:0;}
.ci .color dl dd > div.large p {padding-top:10px; padding-left:15px;}
.ci .color dl dd > div.large p,
.ci .color dl dd > div.large div {height:61px;}
}
@media all and (min-width:481px){
.ci .sign li.img2 {position:absolute; right:0;}
}
@media all and (max-width:480px){
.ci .sign li {float:none; width:100%;}
.ci .sign li:first-child {margin-bottom:10px;}
.ci .char li {float:none; width:100%; margin-left:0;}
.ci .char li:first-child {margin-bottom:10px;}
}


/* 상인회소개 */
.sangin {text-align:center;}
.sangin:after {content:""; display:block; clear:both;}
.org1 {display:table; position:relative; width:158px; /*width:16.458%;*/ height:158px; margin:0 auto; border-radius:50%; background:#2c65aa;}
.org1:after {content:""; position:absolute; bottom:-228px; left:50%; width:1px; height:228px; background:#dadada;}
.org1 p {display:table-cell; font-weight:600; color:#fff; line-height:25px; vertical-align:middle;}
.org1 span {font-weight:400; font-size:20px;}

.org1_new {display:table; position:relative; width:158px; /*width:16.458%;*/ height:158px; margin:0 auto; border-radius:50%;  margin:30px auto 0;}
.org1_new:after {content:""; position:absolute; bottom:-228px; left:50%; width:1px; height:228px; background:#dadada;}
.org1_new p {display:table-cell; font-weight:600; border:7px solid #2c65aa; border-radius:50%; background:#fff; vertical-align:middle;}
.org1_new span {font-weight:400; font-size:20px;}


.org2 {width:860px; margin:30px auto 0; overflow:hidden; background:url(/images/sub01/line.jpg); }
.org2 li {float:left; display:table; position:relative; z-index:2; width:38.536%; max-width:158px; text-align:center; margin-right:5%;}
.org2 li:fisrt-child{margin-left:55px;}
.org2 li:nth-child(3) {margin-left:95px;}
.org2 li:nth-child(4) {margin-right:0px;}

.org2 li p {display:table-cell; font-weight:600; color:#333; line-height:25px; height:158px; border:7px solid #2c65aa; border-radius:50%; background:#fff; vertical-align:middle;}
.org2 span {font-weight:400; font-size:20px;}

.org3 {position:relative; width:21.354%; width:205px; height:45px; line-height:45px; margin:40px auto; font-weight:600; font-size:15px; color:#fff; border-radius:23px 23px; background:#939ca7;}
.org3:after {content:""; position:absolute; bottom:-40px; left:50%; width:1px; height:40px; background:#dadada;}
.sangin .line {width:66.664%; height:1px; margin:0 auto; background:#dadada;}
.org4 {margin-top:40px;}
.org4 li {float:left; position:relative; width:30%;  height:45px; line-height:45px; margin:0 1.666% 20px; font-weight:600; font-size:15px; color:#fff; border-radius:23px 23px; background:#6b7786;}
.org4 li:before {content:""; position:absolute; top:-20px; left:50%; width:1px; height:20px; background:#dadada;}
.org4 li:first-child:before,
.org4 li:first-child + li:before,
.org4 li:first-child + li + li:before {top:-40px; height:40px;}
.org5 {display:none;}


.sangin_pic {margin-top:18px; overflow:hidden;}
.sangin_pic p {float:left; width:31.25%; margin-left:3.125%; line-height:0;}
.sangin_pic p:first-child {margin-left:0;}
.sangin_pic p img {width:100%;}

@media all and (max-width:1024px){
}

@media all and (max-width:768px){
.org1 { display:none;}
.org2 {display:none;/*width:42.708%;*/}
.org1_new{display:none;}
.org5 {display:block;}
.org5 img{width:100%;}
}

@media all and (max-width:480px){
.org1 {width:108px; height:108px;}
.org1:after { bottom:-168px; height:168px;}

.org1_new {width:108px; height:108px;}
.org1_new:after { bottom:-168px; height:168px;}

.org2 {width:100%; margin-top:20px; background:none; margin-left:0%; }
.org2 li {width:98px; margin-right:25px; margin-bottom:25px;}
.org2 li:first-child {margin-right:25px;}
.org2 li:fisrt-child{margin-left:0px;}
.org2 li:first-child:after {width:60px;}
.org2 li p {height:98px;}
.org2 li:nth-child(3) {margin-left:0px;}
.org2 li:nth-child(4) {margin-right:0px;}
.org2 span {font-weight:400; font-size:18px;}


.org3 {margin:35px auto 25px;}
.org3:after {bottom:-25px; height:25px;} 
.org4 {margin-top:25px;}
.org4 li {height:38px; line-height:38px;}
.org4 li:first-child:before,
.org4 li:first-child + li:before,
.org4 li:first-child + li + li:before {top:-25px; height:25px;}
}



/* 오시는길 */
.map_wrap .map {padding:6px; border:1px solid #ddd;}
.map_wrap .map iframe {width:100%; height:450px; margin:0; padding:0; border:0;}
.map_wrap .box_st1 {margin-top:30px;}
.map_wrap .box_st1 .inr {position:relative; padding:25px 30px;}
.map_wrap .box_st1 .inr > dl {min-height:60px; padding:0; padding-right:80px;}
.map_wrap .box_st1 .inr > dl > dd {padding-top:10px; line-height:23px;}
.map_wrap .box_st1 .inr > a {display:block; width:80px; height:80px; padding-top:20px; font-weight:600; color:#fff; line-height:20px; border-radius:8px; background:#ed5d54; text-align:center;}

@media all and (min-width:481px){
.map_wrap .box_st1 .inr > a {position:absolute; top:15px; right:15px;}
}

@media all and (max-width:768px){
.map_wrap .box_st1 .inr {padding:20px 25px;}
.map_wrap .box_st1 .inr > dl {}
.map_wrap .box_st1 .inr > a {height:70px; padding-top:14px;}
}

@media all and (max-width:480px){
.map_wrap .box_st1 .inr {padding:15px;}
.map_wrap .box_st1 .inr > dl {padding-right:20px;}
.map_wrap .box_st1 .inr > a {position:relative; float:right; width:150px; height:40px; margin-top:15px; padding-top:9px; border-radius:6px;}
.map_wrap .box_st1 .inr > a br {display:none;}
}