/* CSS Document */

* {margin:0; padding:0;}
ul,dl,ol,li {list-style:none;}
img {border:none; vertical-align:top;}
a {text-decoration:none; color:#454545;}
a:hover {text-decoration:none; color:#333;}
html {height:100%;}
body {font-size:100%; font-family: 맑은 고딕, Malgun Gothic, 굴림, Arial, Helvetica;}
caption {visibility:hidden; display:block;}
.blinder {width:100%; height:100%; position:absolute; top:0; left:0; background:#fff; opacity:0; cursor:pointer; display:none;}
.of_hiddener {overflow:hidden;}


.clear {clear:both; height:0;}




/* paging */
.paging {clear:both; width:79%; float:left; margin-top:50px; 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:30px; 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:24px; 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; margin:0; width:138px; height:40px; text-align:center;}
.paging_t img , .paging_t a.btn img  {width:auto;}
/*.paging_t .prev, .paging_t a.prev, .paging_t img.prev {margin-right:15px;}
.paging_t .next, .paging_t a.next, .paging_t img.next {margin-left:15px;}*/

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




/* search */
.search {text-align:center;padding-top:43px}
.search * {display:inline-block;vertical-align:middle}
.search .txt {width:230px;padding:0 5px;margin-right:3px;height:20px;line-height:20px;border:1px solid #cecece;border-radius:3px}
.search .sel {padding:1px}




/*공간처리*/
.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;}


.t_list1 {}
.t_list1 li {padding:0 0 20px 0; list-style:decimal; margin-left:30px;}
.t_list2 {}
.t_list2 li {padding:0 0 20px 0; list-style:disc; margin-left:20px;}


@media all and (min-width:1025px) {
.wrapper {width:100%;}

.header_wrap {width:100%;}
.topbar {width:100%; height:30px; background:#e0dfde;}
.topbar .topmenu {width:1200px; height:30px; margin:0 auto; background:none;}
.topbar .topmenu ul {position:relative; float:right;}
.topbar .topmenu li {float:left; height:30px;}
.topbar .topmenu li a {display:block; padding:0 15px; height:30px; line-height:30px; font-size:11px; color:#646768;}
.topbar .topmenu li a:hover {color:#310d31;}
.topbar .topmenu li.last a {color:#fff; background:#310d31;}
.header {width:1200px; height:70px; margin:0 auto;}
.header h1 {float:left; margin-top:10px;}
.header .gnb {float:right; margin-top:20px;}
.header .gnb li {float:left;}


.footer_wrap {clear:both; padding:20px 0 30px; border-top:1px solid #e0dfde;}
.footer {width:1200px; margin:0 auto; position:relative; overflow:hidden;}
.footer .copyright {margin-top:10px; font-size:12px; color:#666; text-align:center;}

.box_ty01 {clear:both; width:1200px; /*width:1590px;*/ padding:0; margin:0 auto; /*margin:0 50px;*/}

.navi {clear:both; height:54px; font-size:14px; color:#606060; line-height:54px; background:#310d31; border-bottom:1px solid #9b9b9b; margin-bottom:0; padding:0 0 0 0;}/* gun */
.navi p.home {float:left; width:56px; height:52px; border:1px solid #9b9b9b; border-left:none; line-height:52px; text-align:center; background:#fff;}
.navi ul {float:left;}
.navi li {float:left; position:relative; background:#fff; font-weight:bold;}
.navi img.arr {float:left; margin:4px 13px 0 16px; display:none;}
.navi a.nav_dp1 {float:left; display:block; width:106px; height:52px; font-size:14px; padding:0 0 0 16px; border:1px solid #9b9b9b; border-left:none; background:url('/images/common/navi_arr02.gif') no-repeat 101px 24px; text-decoration:none;}
.navi a.nav_dp2 {float:left; display:block; width:166px; height:52px; font-size:14px; padding:0 0 0 16px; border:1px solid #9b9b9b; border-left:none; background:url('/images/common/navi_arr02.gif') no-repeat 161px 24px; text-decoration:none;}
.navi .navi_layer {position:absolute; top:55px; left:0; display:none; z-index:10000;}/* gun */
.navi .navi_layer ul {padding:10px 0; background:#fff; border:1px solid #9b9b9b; border-top:none;}
.navi .navi_layer li {clear:both; width:100%;}
.navi .navi_layer li a {display:block; height:35px; font-size:13px; line-height:35px; padding-left:14px; text-decoration:none;}
.navi .navi_layer li a:hover {color:#fff; background:#00153a;}
.navi .navi_layer.layer01 ul {width:120px;}
.navi .navi_layer.layer02 ul {width:180px;}

.navi li.pcnavi {display:block;}
.navi li.mobnavi {display:none;}
}


@media all and (min-width:760px) and (max-width:1024px) {
.wrapper {width:100%;}

.header_wrap {}
.topbar {width:100%; height:30px; background:#e0dfde;}
.topbar .topmenu {height:30px; margin:0 auto; background:none;}
.topbar .topmenu ul {position:relative; float:right;}
.topbar .topmenu li {float:left; height:30px;}
.topbar .topmenu li a {display:block; padding:0 15px; height:30px; line-height:30px; font-size:11px; color:#646768;}
.topbar .topmenu li a:hover {color:#310d31;}
.topbar .topmenu li.last a {color:#fff; background:#310d31;}
.header {width:100%; height:70px;}
.header h1 {position:absolute; top:40px; left:20px;}
.header .gnb {position:absolute; top:50px; right:20px;}
.header .gnb li {float:left;}


.footer_wrap {clear:both; padding:20px 0 30px; border-top:1px solid #e0dfde;}
.footer {}
.footer .copyright {margin-top:10px; font-size:12px; color:#666; text-align:center;}

.box_ty01 {clear:both; margin:0 20px;}

.navi {clear:both; height:54px; font-size:14px; color:#606060; line-height:54px; background:#310d31; border-bottom:1px solid #9b9b9b; margin-bottom:0; padding:0 0 0 0;}/* gun */
.navi p.home {float:left; width:56px; height:54px; border:1px solid #9b9b9b; border-left:none; line-height:54px; text-align:center; background:#fff;}
.navi ul {float:left;}
.navi li {float:left; position:relative; background:#fff; font-weight:bold;}
.navi img.arr {float:left; margin:4px 13px 0 16px; display:none;}
.navi a.nav_dp1 {float:left; display:block; width:106px; height:52px; font-size:14px; padding:0 0 0 16px; border:1px solid #9b9b9b; border-left:none; background:url('/images/common/navi_arr02.gif') no-repeat 101px 24px; text-decoration:none;}
.navi a.nav_dp2 {float:left; display:block; width:166px; height:52px; font-size:14px; padding:0 0 0 16px; border:1px solid #9b9b9b; border-left:none; background:url('/images/common/navi_arr02.gif') no-repeat 161px 24px; text-decoration:none;}
.navi .navi_layer {position:absolute; top:55px; left:0; display:none; z-index:10000;}/* gun */
.navi .navi_layer ul {padding:10px 0; background:#fff; border:1px solid #9b9b9b; border-top:none;}
.navi .navi_layer li {clear:both; width:100%;}
.navi .navi_layer li a {display:block; height:35px; font-size:13px; line-height:35px; padding-left:14px; text-decoration:none;}
.navi .navi_layer li a:hover {color:#fff; background:#00153a;}
.navi .navi_layer.layer01 ul {width:120px;}
.navi .navi_layer.layer02 ul {width:180px;}

.navi li.pcnavi {display:none;}
.navi li.mobnavi {display:block;}
}



@media all and (min-width:260px) and (max-width:759px) {
.wrapper {width:100%;}

.header_wrap {}
.topbar {width:100%; height:30px; background:#e0dfde;}
.topbar .topmenu {height:30px; margin:0 auto; background:none;}
.topbar .topmenu ul {position:relative; float:right;}
.topbar .topmenu li {float:left; height:30px;}
.topbar .topmenu li a {display:block; padding:0 15px; height:30px; line-height:30px; font-size:11px; color:#646768;}
.topbar .topmenu li a:hover {color:#310d31;}
.topbar .topmenu li.last a {color:#fff; background:#310d31;}
.header {height:70px;}
.header h1 {position:absolute; top:40px; left:50%; margin-left:-100px;}
.header .gnb {display:none;}
.header .gnb li {}


.footer_wrap {clear:both; padding:20px 0 30px; border-top:1px solid #e0dfde;}
.footer {}
.footer .copyright {margin-top:10px; font-size:12px; color:#666; text-align:center;}

.box_ty01 {clear:both; margin:0;}

.navi {clear:both; height:54px; font-size:14px; color:#606060; line-height:54px; background:#310d31; border-bottom:1px solid #9b9b9b; margin-bottom:0; padding:0 0 0 0;}/* gun */
.navi p.home {display:none;}
.navi ul {float:left;}
.navi li {float:left; position:relative; background:#fff; font-weight:bold;}
.navi img.arr {float:left; margin:4px 13px 0 16px; display:none;}
.navi a.nav_dp1 {float:left; display:block; width:106px; height:52px; font-size:14px; padding:0 0 0 16px; border:1px solid #9b9b9b; border-left:none; background:url('/images/common/navi_arr02.gif') no-repeat 101px 24px; text-decoration:none;}
.navi a.nav_dp2 {float:left; display:block; width:166px; height:52px; font-size:14px; padding:0 0 0 16px; border:1px solid #9b9b9b; border-left:none; background:url('/images/common/navi_arr02.gif') no-repeat 161px 24px; text-decoration:none;}
.navi .navi_layer {position:absolute; top:55px; left:0; display:none; z-index:10000;}/* gun */
.navi .navi_layer ul {padding:10px 0; background:#fff; border:1px solid #9b9b9b; border-top:none;}
.navi .navi_layer li {clear:both; width:100%;}
.navi .navi_layer li a {display:block; height:35px; font-size:13px; line-height:35px; padding-left:14px; text-decoration:none;}
.navi .navi_layer li a:hover {color:#fff; background:#00153a;}
.navi .navi_layer.layer01 ul {width:120px;}
.navi .navi_layer.layer02 ul {width:180px;}

.navi li.pcnavi {display:none;}
.navi li.mobnavi {display:block;}
}