@charset "utf-8";
@import url("common_web02.css");
@import url("common_pad.css");
@import url("common_mob.css");


/* skip navigation */
#skipnav {position:absolute; top:0; left:22px; z-index:1000000000000000000000000;}
#skipnav a {position:absolute; top:-9999px; z-index:1000000000000000000000000;}
#skipnav a:hover,
#skipnav a:active,
#skipnav a:focus {top:0; width:180px; color:#000; font-weight:bold; text-align:center; display:inline-block; background-color:#fff; border:3px solid #ddd; padding:5px 0;}



/*공간처리*/
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt50 {margin-top:50px;}
.mt100 {margin-top:100px;}
.mt150 {margin-top:150px;}
.mt200 {margin-top:200px;}
.mt300 {margin-top:300px;}

.mb15 {margin-bottom:;15px;}
.mb30 {margin-bottom:30px;}
.mb50 {margin-bottom:50px;}
.mb100 {margin-bottom:100px;}
.mb150 {margin-bottom:150px;}
.mb200 {margin-bottom:200px;}
.mb300 {margin-bottom:300px;}





/* 패딩 마진 값 */
.paddingL20 {padding-left:20px;}
.paddingL30 {padding-left:30px;}
.paddingL50 {padding-left:50px;}
.paddingL57 {padding-left:57px;}
.paddingL65 {padding-left:65px;}
.paddingL74 {padding-left:74px;}
.paddingL335 {padding-left:335px;}
.paddingL279 {padding-left:279px;}
.paddingL286 {padding-left:286px;}
.paddingL300 {padding-left:320px;}
.paddingL350 {padding-left:350px;}
.paddingL400 {padding-left:400px;}

.paddingR5 {padding-right:5px;}
.paddingR10 {padding-right:10px;}

.paddingT3 {padding-top:3px;}
.paddingT4 {padding-top:4px;}
.paddingT10 {padding-top:10px;}
.paddingT15 {padding-top:15px;}
.paddingT20 {padding-top:20px;}
.paddingT25 {padding-top:25px;}
.paddingT30 {padding-top:30px;}
.paddingT40 {padding-top:40px;}
.paddingT50 {padding-top:50px;}
.paddingT52 {padding-top:52px;}
.paddingT55 {padding-top:55px;}
.paddingT70 {padding-top:70px;}
.paddingT235 {padding-top:235px;}

.paddingB5 {padding-bottom:5px;}
.paddingB10 {padding-bottom:10px;}
.paddingB12 {padding-bottom:12px;}
.paddingB15 {padding-bottom:15px;}
.paddingB20 {padding-bottom:20px;}
.paddingB25 {padding-bottom:25px;}
.paddingB30 {padding-bottom:30px;}
.paddingB40 {padding-bottom:40px;}
.paddingB60 {padding-bottom:60px;}
.paddingB75 {padding-bottom:75px;}
.paddingB90 {padding-bottom:90px;}
.paddingB200 {padding-bottom:200px;}
.paddingB210 {padding-bottom:210px;}
.paddingB250 {padding-bottom:250px;}

.marginR5 {margin-right:5px;}
.marginR10 {margin-right:10px;}
.marginR15{margin-right:15px;}
.marginR20{margin-right:20px;}

.marginL10{margin-left:10px;}
.marginL15{margin-left:15px;}
.marginL20{margin-left:20px;}
.marginL30{margin-left:30px;}
.marginL40{margin-left:40px;}
.marginL130 {margin-left:130px;}

.marginT5 {margin-top:5px;}
.marginT10 {margin-top:10px;}
.marginT15 {margin-top:15px;}
.marginT20 {margin-top:20px;}
.marginT30 {margin-top:30px;}
.marginT50 {margin-top:50px;}

.marginB5 {margin-bottom:5px;}
.marginB10 {margin-bottom:10px;}
.marginB20 {margin-bottom:20px;}
.marginB30 {margin-bottom:30px;}
.marginB40 {margin-bottom:40px;}

.margin10 {margin:10px;}

.stylenone {margin:0;}


.box_shadow {margin:30px auto; width:50%; text-align:center; border:1px #CCCCCC solid; box-shadow: 3px 3px 2px grey; padding:15px; font-size:14pt; font-weight:bold; color:#666;}
.clbo {clear:both; min-height:10px;}


.a_c1 {clear:both; text-align:center; line-height:1.6; font-size:24px; margin-top:30px;}
.a_c1 span {color:#000; font-weight:bold;}
.a_c2 {clear:both; text-align:center; margin-bottom:30px;}

.conconcon {clear:both; line-height:1.6; margin-top:30px; color:#000;}



/* paging */
.paging {clear:both; width:79%; float:left; margin-top:100px; margin-left:1%; margin-bottom:30px; text-align:center;}
.paging a, .paging span, .paging a:hover,.paging a:focus,.paging a:active {margin-left:12px; width:26px; height:26px; display:inline-block; text-align:center; border:#a3a3a3 1px solid; color:#6b6a6a; line-height:24px; font-weight:normal;}
.paging .on {font-weight:bold; margin-left:12px; text-align:center; border:#310d31 1px solid; background:#310d31; color:#FFF; !important}
.paging a.btn, .paging a.btn:hover,.paging a.btn:focus,.paging a.btn:active {border:0; width:138px; height:40px; display:inline-block;}
.paging a.btn img  {max-width:100%;}
.paging img.btn {border:0; width:138px; height:40px; display:inline-block;}
.paging img.prev {margin-right:15px;}
.paging img.next {margin-left:25px;}
.paging .prev, .paging_t a.prev {margin-right:15px;}
.paging .next, .paging_t a.prev {margin-left:25px;}
.pagelist {width:19%; float:left; text-align:right; margin-top:70px; margin-right:1%;}

.paging_t {clear:both; margin-top:100px; text-align:center; margin-bottom:30px;}
.paging_t a, .paging_t span, .paging_t a:hover,.paging_t a:focus,.paging_t a:active {margin:5px; width:26px; height:26px; display:inline-block; text-align:center; border:#a3a3a3 1px solid; color:#6b6a6a; line-height:26px; font-weight:normal;}
.paging_t .on {font-weight:bold; margin:5px; text-align:center; border:#310d31 1px solid; background:#310d31; color:#FFF; !important}
.paging_t a.btn, .paging_t a.btn:hover,.paging_t a.btn:focus,.paging_t a.btn:active {border:0; width:auto;}
.paging_t img {width:auto; border:none; max-width:100%;}
.paging_t img.prev {margin-right:15px;}
.paging_t img.next {margin-left:15px;}
.paging_t a.borderno, .paging_t a.borderno:hover, .paging_t a.borderno:focus, .paging_t a.borderno:active {border:none;}

.list_btn_center { clear:both; margin-top:20px; text-align:center;}




/* 썸네일 이미지 크기 */
img.e-image{width:220px; max-width:100%;}
img.e-image1{width:350px; max-width:100%;}
img.e-image2{width:140px; max-width:100%;}
img.e-image3{width:120px; max-width:100%;}
img.e-image4{max-width:45%;}






/* media pc */
@media only screen and (min-width : 1607px) {

.wrap {padding:0;}

span.tx_mob {display:block;}

.header_wrap {width:1180px; /*width:1590px;*/ padding:0; margin:0 auto;}

.box_ty01 {width:1180px; /*width:1590px;*/ padding:0; margin:0 auto;}

.header {position:relative;}

.footer {/*height:179px;*/}

}