@charset "utf-8";
/* CSS Document */

/********************************************************************************************
	 공통스타일
*********************************************************************************************/
.nodisplay{display:none !important;}
.noborder{border:none !important;}
.alignLeft{text-align:left !important;}
.alignRight{text-align:right !important;}
.borderRight{border-right:1px solid #ccc !important;}
.dimmedTxt{display:inline-block;color:#666 !important;}
.mt22{margin-top:22px !important;}
.pb0{padding-bottom:0 !important;}

/********************************************************************************************
	 박물관고을
*********************************************************************************************/
/* 박물관소개:추진배경 */
.background{overflow:hidden;}
.headline{overflow:hidden;width:761px;height:108px;margin:75px auto 80px;background:url("../images/library/bg_headline2.gif") no-repeat center 0;text-align:center;}
.headline span{display:inline-block;margin-top:28px;font-size:20px;line-height:1.4;text-align:center;font-weight:bold;}
.headline em{color:#236ddb;}
.progress{overflow:hidden;position:relative;width:1092px;height:500px;margin:auto;background:url("../images/library/bg_progress2.gif") no-repeat center top;}
.progress p{position:absolute;left:50%;top:100px;margin-left:-70px;font-size:25px;color:#FFF;line-height:1.4;font-weight:500;text-align:center;}
.progress ul{overflow:hidden;position:absolute;top:457px;width: 900px;left:50%;margin-left: -450px}
.progress li{float:left;width:127px;margin-right:66px;font-size:16px;color:#666;text-align:center;font-weight:500;}
.progress li:last-child{margin-right:0;}
.progress li span{display:inline-block;}
.progress li em{color:#333;}
.discription{clear:both;margin-top:85px;color:#666;line-height:1.6;white-space:pre-wrap;}

@media screen and (max-width:1199px) {
	.headline{width:100%;background-size:contain;}
	.progress{overflow:visible;width:100%;}
	.progress p{font-size:20px;}
	.progress ul{overflow:hidden;position:absolute;top:253px;width:100%;padding-top:15px;background-color:#FFF;left: 0;margin-left: 0}
	.progress li{float:none;width:100%;margin:15px auto;}
	.progress br{display:none;}
}

@media screen and (max-width:760px) {
	.headline{width:100%;background:none;padding:0 0 35px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
}

/* 박물관소개:이용안내 */
.guide{overflow:hidden;}
.guide .museumList{overflow:hidden;margin:50px 0 60px;}
.guide .museumList ul{overflow:hidden; padding:1px 0 0 1px}
.guide .museumList li{float:left;width:16.6666%;}
.guide .museumList li a{display:block;overflow:hidden;white-space: nowrap;text-overflow:ellipsis;height:42px;line-height:42px;text-align:center;border:1px solid #ccc; margin:-1px 0 0 -1px;color:#666;}
.guide .museumList li a.on{color:#FFF;background-color:#236ddb;}
.guide .guideList{position:relative;overflow:hidden;clear:both;padding-left:490px;}
.guide .guide_img{position:absolute; left:0; top:0; width:449px;overflow:hidden}
.guide .guide_img .bigSize{overflow:hidden; width:100%; border:1px solid #ccc;box-sizing:border-box;text-align:center;vertical-align:middle;}
.guide .guide_img .bigSize img {width:100%;}
.guide .guide_img ul{overflow:hidden;margin-top:-1px;}
.guide .guide_img li{overflow:hidden;float:left;position:relative;width:113px;height:89px;border:1px solid #ccc;margin-left:-1px;box-sizing:border-box;}
.guide .guide_img li:first-child{margin-left:0;}
.guide .guide_img li a{display:block;}
.guide .guide_img li .on{display:block;position:absolute;left:0;top:0;width:111px;height:87px;border:7px solid #236ddb;text-indent:-9999px;box-sizing:border-box;}
.guide .guide_img li .nodata{display:inline-block;width:113px;height:89px;background:#e3e3e3 url("../images/common/nodata.gif") no-repeat center;}
.guide .table{margin-top:0;}
.guide .tbl_header .view_subject{float:left;color:#666;margin-top:15px;}
.guide .tbl_header .go_hompage{float:right;}
.guide .tbl_header .go_hompage a{display:block;width:150px;height:34px;padding-left:37px;margin-top:8px;font-size:13px;color:#FFF;line-height:34px;letter-spacing:-0.5px;background:#a5abaf url("../images/library/ico_homepage_over.gif") no-repeat 16px center;box-sizing:border-box;}
.guide .tbl_header .go_hompage a:hover{background:#236ddb url("../images/library/ico_homepage_over.gif") no-repeat 16px center;}
.guide .tbl_view{border-top:2px solid #236ddb;}
.guide .tbl_view th{color:#236ddb;padding-left:25px;font-weight:500;text-align:left;background:none;}
.guide .tbl_view td{padding:15px 0;}
.guide .tbl_view td span, .guide .tbl_view td li{display:block;padding-left:25px;background:url("../images/common/dot.gif") no-repeat 15px 10px;}

@media screen and (max-width:1024px) {
	.guide .museumList li{width:20%;}
	.guide .guideList{padding-left:40%;}
	.guide .guide_img {width:40%; padding-right:30px;}
	.guide .tbl_view th{padding-left:15px;}
}
@media screen and (max-width:768px) {
	.guide .museumList li a span{display:none;}
	.guide .guideList{padding-left:0;}
	.guide .guide_img {position:relative; width:100%; height:auto; padding-right:0; margin-bottom:30px;}
	.guide .guide_img .bigSize, .guide .guide_img .bigSize img {height:auto;}
}
@media screen and (max-width:480px) {
	.guide .museumList li a{height:auto; line-height:25px;font-size:12px;}
	.guide .tbl_view th, .guide .tbl_view td {display:block; padding:0;}
	.guide .tbl_view th {padding:10px 0 0 10px;}
	.guide .tbl_view td {padding-bottom:10px;}
}
@media screen and (max-width:420px) {
	.guide .museumList li{width:25%;}
}


/* 박물관(공립,사립) */
/*.museumArea{overflow:hidden;margin-top:40px;}
.museum{overflow:hidden;float:left;width:580px;height:284px;border:1px solid #ccc;padding:35px 30px;margin-right:40px;margin-bottom:40px;box-sizing:border-box;}
.museum:nth-child(2n){margin-right:0;}
.museum dl{float:left;width:215px;}
.museum dt{display:block;overflow:hidden;width:215px;white-space:nowrap;text-overflow:ellipsis;font-size:20px;}
.museum dt span{display:block;width:38px;height:2px;margin:20px 0;background-color:#ccc;}
.museum dd{color:#666;line-height:1.5;}
.museum dd a{display:block;width:150px;height:34px;border:1px solid #236ddb;padding-left:37px;margin-top:35px;font-size:13px;color:#236ddb;line-height:34px;letter-spacing:-0.5px;background:#FFF url("../images/library/ico_homepage.gif") no-repeat 16px center;}
.museum dd a:hover{color:#FFF;background:#236ddb url("../images/library/ico_homepage_over.gif") no-repeat 16px center;}
.museum .museum_pic{display:inline-block;float:right;width:279px;height:210px;border:1px solid #ccc;background-color:#d9d9d9;box-sizing:border-box;}
.museum .museum_pic img{width:100%; height:100%;}

@media screen and (max-width:1199px) {
	.museum{float:left;width:48%;height:auto;margin-right:3%;margin-bottom:3%;}
	.museum:nth-child(2n){margin-right:0;}
	.museum dl,.museum .museum_pic{float:none;width:100%;}
	.museum dt+dd{overflow:hidden;height:65px;}
	.museum dd a{margin-top:10px;}
	.museum .museum_pic{clear:both;height:auto;margin-top:10px;}
}

@media screen and (max-width:600px) {
	.museum{float:none;width:100%;max-width:580px;margin:auto;margin-bottom:10px;}
}*/

.museumArea {overflow:hidden;margin-top:40px;}
.museum {display:flex; overflow:hidden;border:1px solid #ccc;padding:35px 30px;margin-bottom:40px;box-sizing:border-box; gap: 30px; align-items: flex-start;}
.museum .museum_pic {flex:0 0 330px; max-width:330px; display:inline-block; border:1px solid #ccc;background-color:#d9d9d9;box-sizing:border-box;}
.museum .museum_pic img {width:100%;}
.museum dl {position: relative; width: 100%;}
.museum dt {display:block;overflow:hidden;font-size:20px; line-height: 1.5; font-weight: 600; margin-bottom: 10px;}
.museum dd {color:#666;line-height:1.5; margin-bottom:30px;}
.museum dd:last-child {margin-bottom:0px;}
.museum dd p {margin-bottom: 10px; display: flex; align-items: center;}
.museum dd .desc {padding-bottom: 20px; margin-bottom: 20px; position: relative;}
.museum dd .desc::after {content:""; position:absolute; width:60px; height:1px; background:#ccc; left:0; bottom:0;}
.museum dd .add::before {content:""; width:20px; height:20px; display:inline-block; background:url("../images/common/ico_location.png") no-repeat center center; vertical-align:middle; margin-right:5px;}
.museum dd .tel::before {content:""; width:20px; height:20px; display:inline-block; background:url("../images/common/ico_phone.png") no-repeat center center; vertical-align:middle; margin-right:5px;}
.museum dd .link {position:absolute; right:0; top:-40px; display:block;width:150px;height:34px;border:1px solid #236ddb;padding-left:37px;margin-top:35px;font-size:13px;color:#236ddb;line-height:34px;letter-spacing:-0.5px;background:#FFF url("../images/library/ico_homepage.gif") no-repeat 16px center;}
.museum dd .link:hover {color:#FFF;background:#236ddb url("../images/library/ico_homepage_over.gif") no-repeat 16px center;}

.museum .tbl_view {margin-bottom:20px;}
.museum .tbl_view th{color:#236ddb;padding-left:0;font-weight:500;text-align:left;background:none;}
.museum .tbl_view td{padding:15px 0;}
.museum .tbl_view td span,
.museum .tbl_view td li {display:block;padding-left:25px;background:url("../images/common/dot.gif") no-repeat 15px 10px;}

.desc-open {color:#222; cursor: pointer; display: inline-flex; align-items: center;}
.desc-open::after {content: ""; width:15px; height:8px; background: url("../images/common/ico_arrow_down.png") no-repeat center center; background-size: cover; display: inline-block; vertical-align: middle; margin-left: 5px; transform: rotate(180deg); transition: all 0.3s ease-in-out;}
.desc-open:hover {color:#236ddb;}
.desc-open.close::after {transform: rotate(0deg);}

@media screen and (max-width:1024px) {
    .museum {display: block; padding:20px;}
    .museum .museum_pic {margin-bottom:20px;}
    .museum dd .link {position:relative; right:auto; top:auto; margin-top:0;}
    .museum dd {margin-bottom:20px;}
}
@media screen and (max-width:768px) {
    .museum .tbl_view {margin-bottom:0;}
    .museum .tbl_view th {display: block; padding:10px 0 0px;}
    .museum .tbl_view td {display: block; padding:0px 0 10px;}
}

/* 관람료 */
.tbl_ticketPrice{min-width:1000px;margin-top:67px;border-top:2px solid #666;color:#717171;}
.tbl_ticketPrice th{height:60px;color:#666;border-right:1px solid #ccc;border-bottom:1px solid #ccc;font-size:15px;font-weight:500;background-color:#f9f9f9;}
.tbl_ticketPrice th.brnone, .tbl_ticketPrice td.brnone{border-right:none;}
.tbl_ticketPrice th{background-color:#f9f9f9;}
.tbl_ticketPrice th span{display:inline-block;width:30px;height:30px;font-size:11px;color:#FFF;line-height:30px;text-align:center;border-radius:15px;}
.tbl_ticketPrice th span.individual{margin:0 4px 0 8px;background-color:#717171;}
.tbl_ticketPrice th span.group{background-color:#236ddb;}
.tbl_ticketPrice td{height:40px;color:#666;border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:8px;}
.tbl_ticketPrice td{text-align:center;}
.tbl_ticketPrice td.alignLeft{padding-left:25px;}
.tbl_ticketPrice td span.discount{color:#236ddb;}

@media screen and (max-width:1000px) {
	.ticketPrice{overflow-x:auto;}
}

/* 체험관:가상현실관 */


/* 체험관:영상현실관 */
.experience{overflow:hidden;width:1200px; margin-bottom:30px;}
.videoArea{float:left;width:285px;height:278px;border:1px solid #dedede;padding:10px;margin-right:20px;margin-bottom:20px;box-sizing:border-box;}
.videoArea a{display:block;cursor:pointer;}
.videoArea:hover{border:1px solid #acacac;}
.videoArea:nth-child(4n){margin-right:0;}
.videoArea .video{overflow:hidden;min-height:198px;margin-bottom:25px;background-color:#ccc;text-indent:-9999px;}
.videoArea span{display:inline-block;width:100%;font-size:15px;line-height:24px;font-weight:500;text-align:center;}

@media screen and (max-width:1199px) {
	.experience{width:100%;}
	.videoArea{width:24%;height:auto;padding:1%;margin-right:1%;}
	.videoArea .video{min-height:150px;margin-bottom:10px;}
}

@media screen and (max-width:600px) {
	.experience{width:100%;}
	.videoArea{width:24%;height:auto;padding:1%;margin-right:1%;}}
.videoArea .video{min-height:80px;margin-bottom:5px;}
.videoArea span{font-size:12px;line-height:1.6;padding-bottom:5px;}
}

/* 체험관:사진현실관 */


/********************************************************************************************
	 소장품
*********************************************************************************************/
/* 열람안내 */
.reading ul{overflow:hidden;}
.reading ul li{padding-left:24px;color:#666;line-height:24px;background:url("../images/common/dot.gif") no-repeat 15px 10px;}
.rule{overflow:hidden;margin-top:30px;}
.rule li{float:left;width:25%;padding:180px 30px 30px;}
.rule .rule_01{background:url(../images/collection/rule_img01.gif) no-repeat center 0;}
.rule .rule_02{background:url(../images/collection/rule_img02.gif) no-repeat center 0;}
.rule .rule_03{background:url(../images/collection/rule_img03.gif) no-repeat center 0;}
.rule .rule_04{background:url(../images/collection/rule_img04.gif) no-repeat center 0;}

@media screen and (max-width:786px) {
	.rule li{width:50%; min-height:310px;}
}
@media screen and (max-width:480px) {
	.rule li{width:100%;}
}

/* 복제안내 */
.duplication ul{overflow:hidden;}
.duplication ul li{padding-left:24px;color:#666;line-height:24px;background:url("../images/common/dot.gif") no-repeat 15px 10px;}
.compliance{overflow:hidden;margin-top:30px;padding-top:30px;}
.compliance li{float:left;position:relative;width:380px;height:170px;padding:30px 20px;margin-right:30px;margin-bottom:60px;border:1px solid #ccc;box-sizing:border-box;}
.compliance li:nth-child(3n){margin-right:0;}
.compliance li span{overflow:hidden;position:absolute;left:23px;top:-30px;width:55px;height:28px;line-height:36px;font-size:44px;font-weight:bold;color:#dadada;text-align:center;border-bottom:3px solid #236ddb;}
.compliance .compliance_01{background:url(../images/collection/compliance_01.gif) no-repeat right bottom;}
.compliance .compliance_02{background:url(../images/collection/compliance_02.gif) no-repeat right bottom;}
.compliance .compliance_03{background:url(../images/collection/compliance_03.gif) no-repeat right bottom;}
.compliance .compliance_04{background:url(../images/collection/compliance_04.gif) no-repeat right bottom;}
.compliance .compliance_05{background:url(../images/collection/compliance_05.gif) no-repeat right bottom;}
.compliance .compliance_06{background:url(../images/collection/compliance_06.gif) no-repeat right bottom;}

@media screen and (max-width:1199px) {
	.compliance li, .compliance li:nth-child(3n){width:48%;margin-right:2%;}
	.compliance li:nth-child(2n){margin-right:0;}
}

@media screen and (max-width:600px) {
	.compliance li{float:none;width:100%;margin-right:0;}
	.compliance li:nth-child(2n), .compliance li:nth-child(3n){width:100%;margin-right:0;}
}


/* 감정의뢰안내 */
.authenticate ul{overflow:hidden;}
.authenticate ul li{padding-left:24px;color:#666;line-height:24px;background:url("../images/common/dot.gif") no-repeat 15px 10px;}
.authenticateStep{overflow:hidden;width:1200px;margin-top:30px;background:url("../images/collection/bg_step.gif") no-repeat 0 0;}
.authenticateStep li{float:left;width:25%;height:235px;padding:0 25px 0;}
.authenticateStep .authenticateStep_01{background:url(../images/collection/step_img01.gif) no-repeat center 27px;}
.authenticateStep .authenticateStep_02{background:url(../images/collection/step_img02.gif) no-repeat center 27px;}
.authenticateStep .authenticateStep_03{background:url(../images/collection/step_img03.gif) no-repeat center 27px;}
.authenticateStep .authenticateStep_04{background:url(../images/collection/step_img04.gif) no-repeat center 27px;}
.authenticateStep li dl{margin-top:130px;}
.authenticateStep li dt{height:28px;margin-bottom:10px;font-size:19px;color:#333;line-height:28px;font-weight:bold;text-align:center;}
.authenticateStep li dt span{display:inline-block;height:28px;margin-right:5px;font-size:28px;color:#236ddb;line-height:28px;font-weight:normal;}
.authenticateStep li dd{color:#666;line-height:22px;text-align:center;}

@media screen and (max-width:1199px) {
	.authenticate ul.authenticateStep li{padding-left:0;}
	.authenticateStep{overflow:visible;width:100%;background:none;}
	.authenticateStep li{width:44%;padding:0 3% 0;margin:0 1% 15px;border:1px solid #ccc;}
}

@media screen and (max-width:600px) {
	.authenticateStep li{float:none;width:94%;padding:0 3% 0;margin:0 auto 10px;border:1px solid #ccc;}
}

/* 소장품기증안내 */
.donation ul{overflow:hidden;}
.donation ul li{padding-left:24px;color:#666;line-height:24px;background:url("../images/common/dot.gif") no-repeat 15px 10px;}
.donationStep{overflow:hidden;width:1200px;margin-top:30px;background:url("../images/collection/bg_donation.gif") no-repeat 0 0;}
.donationStep li{float:left;width:25%;height:258px;padding:0 25px 0;}
.donationStep .donationStep_01{background:url(../images/collection/donation_01.gif) no-repeat center 35px;}
.donationStep .donationStep_02{background:url(../images/collection/donation_02.gif) no-repeat center 35px;}
.donationStep .donationStep_03{background:url(../images/collection/donation_03.gif) no-repeat center 35px;}
.donationStep .donationStep_04{background:url(../images/collection/donation_04.gif) no-repeat center 35px;}
.donationStep li dl{margin-top:130px;}
.donationStep li dt{height:28px;margin-bottom:10px;font-size:19px;color:#333;line-height:28px;font-weight:bold;text-align:center;}
.donationStep li dt span{display:inline-block;height:28px;margin-right:5px;font-size:28px;color:#236ddb;line-height:28px;font-weight:normal;}
.donationStep li dd{color:#666;line-height:22px;text-align:center;}

@media screen and (max-width:1199px) {
	.donation ul.donationStep li{padding-left:0;}
	.donationStep{overflow:visible;width:100%;background:none;}
	.donationStep li{width:44%;padding:0 3% 0;margin:0 1% 15px;border:1px solid #ccc;}
}

@media screen and (max-width:600px) {
	.donationStep li{float:none;width:94%;padding:0 3% 0;margin:0 auto 10px;border:1px solid #ccc;}
}

/* 기념품 목록 */
.memento_num{display:inline-block;color:#666;font-weight:500;line-height:30px;}
.memento_num span{color:#236ddb;}
.memento_search{display:block;width:100%;height:75px;border:1px solid #ccc;padding-top:20px;margin-bottom:30px;text-align:center;background-color:#f9f9f9;box-sizing:border-box;}
.memento_search select{width:auto;height:30px;border:1px solid #b6b6b6;margin-right:2px;box-sizing:border-box;}
.memento_search input{width:350px;height:30px;border:1px solid #b6b6b6;margin-right:5px;box-sizing:border-box;}
.memento_search button{width:80px;height:30px;line-height:30px;padding-left:18px;border:1px solid #a5abaf;color:#fff;font-weight:bold;background:#236ddb url(../images/common/bg_search.png) no-repeat 14px 5px;box-sizing:border-box;border-radius:2px;}
.memento_search a{width:80px;height:30px;line-height:30px;padding-left:18px;border:1px solid #a5abaf;color:#fff;font-weight:bold;background:#236ddb url(../images/common/bg_search.png) no-repeat 14px 5px;box-sizing:border-box;border-radius:2px;}

.memento_list{overflow:hidden;border-top:2px solid #666;margin-bottom:40px;}
.memento{overflow:hidden;float:left;width:600px;padding:25px 0;border:1px solid #ccc;border-right:none;border-top:none;box-sizing:border-box;}
.memento .thumb{float:left;width:230px;height:200px;}
.memento .thumb img{width:156px;height:156px;margin-left:40px;margin-top:5px;background-color:#ccc; border:1px solid #ddd; background:#e3e3e3 url(../images/common/nodata.gif) no-repeat center center;}
.memento dl{display:block;float:left;min-width:350px;}
.memento dt{height:50px;}
/* .memento dt .mementoTit{overflow:hidden;display:inline-block;width:290px;font-size:17px;color:#333;white-space:nowrap;text-overflow:ellipsis;font-weight:500;} */
.memento dt .mementoTit{overflow:hidden;display:inline-block;width:290px;font-size:17px;color:#333;white-space:nowrap;text-overflow:ellipsis;font-weight:500;}
.memento dt .mementoNo{display:inline-block;min-width:53px;height:18px;padding:0 2px;margin-right:0px;margin-top:5px;vertical-align:top;font-size:13px;letter-spacing:-0.5px;text-align:center;line-height:18px;color:#FFF;background-color:#a5abaf;}
.memento dt .bar{display:block;width:32px;height:1px;background-color:#ccc;margin-top:10px;}
.memento dd{min-height:110px;text-align:left;}
.memento dd .memento_info{min-width:320px;font-size:14px;color:#666;}
.memento dd .memento_info tr{height:25px;border:none;}
.memento dd .memento_info th{font-weight:500;background:url("../images/common/div.gif") no-repeat right center;}
.memento dd .memento_info td{padding-left:16px;}
.memento .btn_down{display:block;float:left;width:140px;height:35px;border:1px solid #d1d6d7;margin-top:10px;font-size:14px;color:#666;line-height:35px;text-align:center;background-color:#FfF;border-radius:2px;box-sizing: border-box;}
.memento .btn_down:hover{background-color:#236ddb;color:#FFF;}

@media screen and (max-width:1199px) {
	.memento_search input{width:40%;}
	.memento_search button{width:70px;background-position:9px 5px;}
	.memento_search a{width:70px;background-position:9px 5px;}
	.memento{width:50%;}
	.memento .thumb{float:none;margin:auto;}
	.memento dl{float:none;clear:both;width:87.5%;min-width:280px;margin:auto;padding:0;}
	.memento dt .mementoTit{width:76%;}
	.memento dd .memento_info th{min-width:65px;}
	.memento .btn_down{float:none;margin:auto;}
}

@media screen and (max-width:600px) {
	.memento{float:none;width:100%;border-right:1px solid #ccc;}
}

/* 기념품 상세보기 */
.mementoDetail{border-top:2px solid #ccc;padding-top:35px;}
.mementoDetail .mementoDetail_img{float:left;width:400px;}
.mementoDetail .mementoDetail_img .bigSize{overflow:hidden;width:397px;height:397px;border:1px solid #ccc;box-sizing:border-box;text-align:center;vertical-align:middle;}
.mementoDetail .mementoDetail_img .bigSize img{width:100%; height:100%;}
.mementoDetail .mementoDetail_img .mementoDetail_thumb{overflow:hidden;margin-top:-1px;}
.mementoDetail .mementoDetail_img .mementoDetail_thumb li{overflow:hidden;float:left;position:relative;width:100px;height:100px;border:1px solid #ccc;margin-left:-1px;box-sizing:border-box;}
.mementoDetail .mementoDetail_img .mementoDetail_thumb li img{width:100%;height:100%;}
.mementoDetail .mementoDetail_img .mementoDetail_thumb li:first-child{margin-left:0;}
.mementoDetail .mementoDetail_img .mementoDetail_thumb li a{display:block; height:100%;}
.mementoDetail .mementoDetail_img .mementoDetail_thumb li .on{display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:2px solid #666;text-indent:-9999px;box-sizing:border-box;cursor:pointer;}

.mementoDetail .table{float:right;min-width:740px;}
.mementoDetail .tbl_view{color:#333 !important;}
.mementoDetail .descriptionArea{overflow:hidden;clear:both;width:100%;margin-top:95px;}
.mementoDetail .descriptionTit{border-bottom:1px solid #ccc;}
.mementoDetail .descriptionTit span{display:inline-block;width:214px;height:50px;font-size:16px;color:#FFF;line-height:50px;text-align:center;background-color:#236ddb;border:1px solid #ccc;border-bottom:none;}
.mementoDetail .description{padding:40px 10px;min-height:600px;font-size:15px;line-height:1.6;white-space:pre-wrap;}

@media screen and (max-width:1199px) {
	.mementoDetail .mementoDetail_img{float:none;width:100%;}
	.mementoDetail .mementoDetail_img .bigSize{width:99%;height:auto;}
	.mementoDetail .mementoDetail_img .mementoDetail_thumb li{width:25%;height:25%;}
	.mementoDetail .table{float:none;min-width:100%;}
	.mementoDetail .table table th{min-width:85px;}
}

/********************************************************************************************
	 알림방
*********************************************************************************************/
/* 게시판 검색 */
.table{overflow:hidden;margin:40px 0;font-size:15px;}
.table.border{border-top:2px solid #ccc;padding-top:20px;}
.tbl_header{overflow:hidden;margin-bottom:13px;}
.list_num{display:inline-block;color:#666;font-weight:500;line-height:30px;}
.list_num span{color:#236ddb;}
.list_search{display:inline-block;float:right;text-align:right;}
.list_search select{width:80px;height:30px;border:1px solid #b6b6b6;margin-right:2px;box-sizing:border-box;}
.list_search input{width:200px;height:30px;border:1px solid #b6b6b6;margin-right:5px;box-sizing:border-box;}
.list_search button{width:80px;height:30px;line-height:30px;padding-left:18px;border:1px solid #a5abaf;color:#fff;font-weight:bold;background:#a5abaf url(../images/common/bg_search.png) no-repeat 14px 5px;box-sizing:border-box;border-radius:2px;}
.list_search a{display:inline-block; width:80px;height:30px;line-height:30px; text-align:center; padding-left:18px;border:1px solid #a5abaf;color:#fff;font-weight:bold;background:#a5abaf url(../images/common/bg_search.png) no-repeat 14px 5px;box-sizing:border-box;border-radius:2px;}

@media screen and (max-width:600px) {
	.list_num,.list_search{display:block;float:none;clear:both;}
	.list_search{border:1px solid #ccc;padding:5%;margin-bottom:15px;background-color:#f9f9f9;text-align:left;}
	.list_search input{width:49%;}
}

@media screen and (max-width:380px) {
	.list_search input{width:34%;}
}

/* 게시판 목록 */
.tbl_list, .tbl_view{border-top:2px solid #666;font-size:15px;color:#666;margin-bottom:40px;}
.tbl_list tr.alarm{background-color:#f9f9f9;}
.tbl_list th{height:60px;border-bottom:1px solid #666;font-weight:500;}
.tbl_list td{height:54px;border-bottom:1px solid #ccc;text-align:center;}
.tbl_list td.subject{width:44%;text-align:left;}
.tbl_list td.subject a{display:inline-block;overflow:hidden;width:92%;white-space:nowrap;text-overflow:ellipsis;}
.tbl_list td.subject span.secret{display:none;}
.tbl_list td span.new{display:inline-block;width:20px;height:20px;text-indent:-9999px;background:url(../images/bbs/ico_new.gif) no-repeat right center;}
.tbl_list td span.file{display:inline-block;width:20px;height:20px;text-indent:-9999px;background:url(../images/bbs/ico_file.gif) no-repeat 0 0;}
.tbl_list td span.secret{display:inline-block;width:10px;height:12px;text-indent:-9999px;background:url(../images/bbs/ico_secret.png) no-repeat center;}
.tbl_list td span.question,
.tbl_list td span.process,
.tbl_list td span.answer,
.tbl_list td span.noanswer{display:inline-block;width:75px;height:22px;line-height:22px;font-size:13px;color:#FFF;font-weight:500;border-radius:2px;letter-spacing:-1px;}
.tbl_list td span.question{background-color:#c9c9c9;}
.tbl_list td span.process{background-color:#236ddb;}
.tbl_list td span.answer{background-color:#1e8c7b;}
.tbl_list td span.noanswer{background-color:#999;}

/* 게시판 글보기 */
.view_subject{margin-bottom:10px;font-size:24px;line-height:28px;font-weight:bold;}
.view_info li{float:left;}
.view_info span{display:inline-block;width:20px;font-size:16px;color:#999;text-align:center;}
.tbl_view{margin-top:10px;}
.tbl_view tr{height:54px;border-bottom:1px solid #ccc;}
.tbl_view th{padding-left:25px;font-weight:500;text-align:left;background:url("../images/common/dot.gif") no-repeat 15px center;}
.tbl_view td a{text-decoration:underline;}
.tbl_view td.view{overflow:auto;padding:50px 0px;min-height:250px;line-height:1.5;white-space:pre-wrap;}

/* 게시판 글쓰기 */
.tbl_write_mobile{display:none;}
.tbl_write tr,.tbl_write_pc tr,.tbl_write_mobile tr{border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.tbl_write th,.tbl_write_pc th,.tbl_write_mobile th{height:50px;padding-left:25px;border-right:1px solid #ccc;text-align:left;font-weight:500;background-color:#f9f9f9;white-space:nowrap;}
.tbl_write td,.tbl_write_pc td,.tbl_write_mobile td{padding-left:15px;}
.input_subject{width:96%;height:28px;border:1px solid #b6b6b6;}
.input_date{width:85px;height:28px;border:1px solid #b6b6b6;margin-left:10px;}
.calendar{display:inline-block;width:13px;height:14px;margin:17px 8px 0;background:url(../images/bbs/ico_calendar.gif) no-repeat center;}
.textData{clear:both;margin:30px 0;width:100%;min-height:560px;padding:20px 2%;border:1px solid #b6b6b6;font-size:14px;color:#333;box-sizing:border-box;}
.hr{width:100%;height:1px;border-bottom:1px solid #b6b6b6;}

@media screen and (max-width:600px) {
	.tbl_write th,.tbl_write_pc th,.tbl_write_mobile th{padding-left:15px;}
	.input_date{width:70px;margin-left:0;}
}

@media screen and (max-width:420px) {
	.writer,.writeday,.hit{display:none;}
	.tbl_list td.subject span.secret{display:inline-block;width:18px;height:18px;}
	.tbl_list td span.question, .tbl_list td span.process, .tbl_list td span.answer,.tbl_list td span.noanswer{width:50px;font-size:12px;}
	.tbl_write th,.tbl_write_pc th,.tbl_write_mobile th{padding-left:2%;padding-right:3%;}
	.tbl_write tr.notice_h{height:85px;}
	.tbl_write td label[for="notice"]:after{display:block;content:"";clear:both;}
	.input_subject{width:90%;}
}

/* 게시판 페이지 */
.paging{overflow:hidden;width:384px;margin:15px auto;}
.paging div, .paging li{float:left;width:38px;height:36px;border:1px solid #d7d7d7;margin-right:3px;font-size:16px;text-align:center;line-height:36px;}
.paging div:last-child{margin-right:0;}
.paging div a{display:block;text-indent:-9999px;cursor:pointer;}
.paging div.start a{background:#FFF url("../images/bbs/pager_start.png") no-repeat center;}
.paging div.prev a{background:#FFF url("../images/bbs/pager_prev.png") no-repeat center;}
.paging div.next a{background:#FFF url("../images/bbs/pager_next.png") no-repeat center;}
.paging div.end a{background:#FFF url("../images/bbs/pager_end.png") no-repeat center;}
.paging div a, .paging li a{display:block;background-color:#FFF;}
.paging div a:hover, .paging li a:hover{background-color:#f5f5f5;}
.paging div a.on, .paging li a.on{background-color:#236ddb;color:#FFF;}

@media screen and (max-width:375px) {
	.paging{width:100%;}
	.paging div, .paging li{width:9.7%;/*height:auto;*/margin-right:0.8%;}
}

/* 게시판 버튼 */
.btnArea{overflow:hidden;display:block;float:right;height:45px;margin:30px 0;}
.btnArea:after{display:block;content:"";clear:both;}
.btnArea button{width:106px;height:45px;font-size:16px;color:#FFF;line-height:45px;background-color:#236ddb;border-radius:2px;}
.btnArea a{display:inline-block; width:106px;height:45px;font-size:16px;color:#FFF;line-height:45px;background-color:#236ddb;border-radius:2px; text-align:center;}
.btnArea button.dimmed{background-color:#a5abaf;}
.btnArea a.dimmed{background-color:#a5abaf;}
.btnArea button.expand{background-color:#1e8c7b;}
.btnArea a.expand{background-color:#1e8c7b;}
.btnArea button a{display:block;width:100%;height:100%;}

/* 뉴스레터 */
.newsletter{overflow:hidden;width:100%;padding:25px 0;}
.newsletter .thumb{display:block;float:left;width:171px;}
.newsletter dl{display:block;float:right;width:990px;padding-top:25px;}
.newsletter dt{height:40px;border-bottom:2px solid #666;margin-bottom:28px;}
.newsletter dt .newsTit{display:inline-block;float:left;width:auto;font-size:25px;line-height:25px;white-space:nowrap;}
.newsletter dt .newsNo{display:inline-block;float:right;width:auto;line-height:38px;color:#666;}
.newsletter dd{min-height:110px;text-align:left;}
.newsletter .btn_down{display:block;float:right;width:92px;height:35px;margin-top:30px;color:#FFF;line-height:35px;text-align:center;background-color:#a5abaf;border-radius:2px;cursor:pointer;}
.newsletter .btn_down:hover{background-color:#999;}

@media screen and (max-width:1199px) {
	.newsletter .thumb{float:none;margin:auto;}
	.newsletter dl{float:none;width:100%;}
}

/* Q&A */
.qna_menu{overflow:hidden;margin-bottom:37px;}
.qna_menu li{float:left;width:300px;height:62px;border:1px solid #d7d7d7;margin-left:-1px;line-height:62px;text-align:center;font-weight:500;box-sizing:border-box;}
.qna_menu li:first-child{margin-left:0;}
.qna_menu li a{display:block;height:100%;padding-left:40px;}
.qna_menu li.q_question a{background:#f9f9f9 url(../images/bbs/ico_question_off.png) no-repeat 100px center;}
.qna_menu li.q_process a{background:#f9f9f9 url(../images/bbs/ico_process_off.png) no-repeat 106px center;}
.qna_menu li.q_answer a{background:#f9f9f9 url(../images/bbs/ico_answer_off.png) no-repeat 100px center;}
.qna_menu li.q_noanswer a{background:#f9f9f9 url(../images/bbs/ico_noanswer_off.png) no-repeat 100px center;}
.qna_menu li.q_question a.on{color:#FFF;background:#236ddb url(../images/bbs/ico_question_on.png) no-repeat 100px center;}
.qna_menu li.q_process a.on{color:#FFF;background:#236ddb url(../images/bbs/ico_process_on.png) no-repeat 106px center;}
.qna_menu li.q_answer a.on{color:#FFF;background:#236ddb url(../images/bbs/ico_answer_on.png) no-repeat 100px center;}
.qna_menu li.q_noanswer a.on{color:#FFF;background:#236ddb url(../images/bbs/ico_noanswer_on.png) no-repeat 100px center;}

.reply{overflow:hidden;clear:both;width:1200px;border:5px solid #e6e6e6;padding:2%;box-sizing:border-box;}
.reply span{display:block;float:left;}
.reply span:first-child{width:80px;font-size:19px;font-weight:bold;}
.reply span:last-child{width:1060px;line-height:1.6;white-space:pre-wrap;}
.reply .textReply{width:1060px;min-height:175px;padding:20px 2%;border:1px solid #b6b6b6;font-size:14px;color:#333;box-sizing:border-box;}

.status{float:left;margin:12px;font-size:15px;}
.status label{display:inline-block;width:70px;height:28px;line-height:28px;padding-left:30px;background:url(../images/bbs/ico_info.gif) no-repeat 0 0;}
.status select{display:inline-block;width:90px;height:28px;font-size:15px;color:#333;line-height:28px;border:1px solid #b6b6b6;}

@media screen and (max-width:1199px) {
	.qna_menu li{width:24.9%;}
	.qna_menu li.q_question a{background:#f9f9f9 url(../images/bbs/ico_question_off.png) no-repeat 33% center;}
	.qna_menu li.q_process a{background:#f9f9f9 url(../images/bbs/ico_process_off.png) no-repeat 34% center;}
	.qna_menu li.q_answer a{background:#f9f9f9 url(../images/bbs/ico_answer_off.png) no-repeat 33% center;}
	.qna_menu li.q_noanswer a{background:#f9f9f9 url(../images/bbs/ico_noanswer_off.png) no-repeat 33% center;}
	.qna_menu li.q_question a.on{color:#FFF;background:#236ddb url(../images/bbs/ico_question_on.png) no-repeat 33% center;}
	.qna_menu li.q_process a.on{color:#FFF;background:#236ddb url(../images/bbs/ico_process_on.png) no-repeat 34% center;}
	.qna_menu li.q_answer a.on{color:#FFF;background:#236ddb url(../images/bbs/ico_answer_on.png) no-repeat 33% center;}
	.qna_menu li.q_noanswer a.on{color:#FFF;background:#236ddb url(../images/bbs/ico_noanswer_on.png) no-repeat 33% center;}
	.reply{width:100%;}
	.reply span:last-child{width:auto;}
	.status{margin:20px 12px;}
}

@media screen and (max-width:420px) {
	.qna_menu li a{padding-left:0;}
	.qna_menu li.q_question a,
	.qna_menu li.q_process a,
	.qna_menu li.q_answer a,
	.qna_menu li.q_noanswer a{background-image:none;}
	.qna_menu li.q_question a.on,
	.qna_menu li.q_process a.on,
	.qna_menu li.q_answer a.on,
	.qna_menu li.q_noanswer a.on{color:#FFF;background-image:none;}
}

@media screen and (max-width:320px) {
	.status{float:none;margin:12px;}
	.reply{font-size:12px;}
}

/* 포토갤러리 */
.galleryArea{overflow:hidden;width:1200px;}
.gallery{float:left;width:285px;height:278px;border:1px solid #dedede;padding:10px;margin-right:20px;margin-bottom:20px;box-sizing:border-box;}
.gallery a{display:block;cursor:pointer;}
.gallery:hover{border:1px solid #acacac;}
.gallery:nth-child(4n){margin-right:0;}
.gallery .photo{width:263px;margin-bottom:13px;}
.gallery dl{overflow:hidden;}
.gallery dt{display:block;overflow:hidden;width:100%;font-size:15px;line-height:24px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;}
.gallery dd{display:block;overflow:hidden;width:100%;font-size:13px;color:#666;white-space:nowrap;text-overflow:ellipsis;}
.gallery dd span{display:inline-block;width:23px;color:#b6b6b6;text-align:center;}

.attatchArea{overflow:hidden;height:140px;border:1px solid #b6b6b6;padding:10px;box-sizing:border-box;}
.attatchImg{float:left;width:122px;margin-right:18px;}
.attatchImg>a{display:block;margin-top:5px;}
.attatchList{float:right;width:1038px;}
.attatchList ul{overflow:auto;height:112px;border-top:1px solid #eee;}
.attatchList li{height:27px;border-bottom:1px solid #eee;}

.bigPhoto{width:100%;background-color:#ccc;text-align:center;}
.bigVideo{overflow:hidden;width:100%;height:675px;margin-top:30px;background-color:#ccc;text-align:center;text-indent:-9999px;}

.photoAlbum{position:relative;width:1200px;padding:15px 0;background-color:#236ddb;}
.photoAlbum ul{overflow:hidden;width:784px;margin:auto;}
.photoAlbum li{overflow:hidden;float:left;position:relative;width:156px;margin-right:1px;}
.photoAlbum li:nth-child(5n){margin-right:0;}
.photoAlbum li img{width:100%;}
.photoAlbum li .film{display:inline-block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:.4;box-sizing:border-box;}
.photoAlbum li .film.on{border:4px solid #FFF;background:none;opacity:1;box-sizing:border-box;}
.photoAlbum .prev, .photoAlbum .next{position:absolute;top:53px;width:42px;height:42px;text-indent:-9999px;cursor:pointer;}
.photoAlbum .prev{left:0;background:url("../images/bbs/btn_album_prev.gif") no-repeat 0 0;}
.photoAlbum .next{right:0;background:url("../images/bbs/btn_album_next.gif") no-repeat 0 0;}

@media screen and (max-width:1199px) {
	.galleryArea{width:100%;}
	.gallery{width:23%;height:auto;padding:1%;margin-right:2%;}
	.gallery .photo{width:100%;}
	.photoAlbum{width:100%;}
	.photoAlbum ul,.photoAlbum .bx-wrapper{width:65.3%;}
	.photoAlbum li{width:13%;}
	.photoAlbum li .film,.photoAlbum li .film.on{width:100%;}
	.photoAlbum .prev, .photoAlbum .next{top:50%;margin-top:-21px;}
	.bigVideo{height:auto;}
}

@media screen and (max-width:600px) {
	.gallery{width:48%;padding:2%;}
	.photoAlbum li .film.on{border:2px solid #FFF;}
}

@media screen and (max-width:400px) {
	.gallery{float:none;width:100%;padding:3%;margin-right:0;}
}


/********************************************************************************************
	 협회소개
*********************************************************************************************/
/* 인사말 */
.president{float:left;}
.greeting{float:right;width:830px;color:#666;white-space:pre-wrap;}
.intro{display:none;display:inline-block;margin-bottom:25px;font-size:22px;line-height:34px;}
.intro span{color:#236ddb;}

@media screen and (max-width:1199px) {
	.president{float:none;width:50%;margin:0 auto 30px;}
	.greeting{float:none;width:100%;}
}

/* 연혁 */
.historyArea{overflow:hidden;position:relative;height:1300px;margin-bottom:200px;background:url("../images/about/history_bg.png") no-repeat center 0;line-height:25px;}
.historyTit{position:absolute;left:50%;margin-left:25px;width:158px;height:35px;font-size:25px;color:#FFF;font-weight:bold;letter-spacing:-1px;text-align:center;line-height:35px;background-color:#236ddb;border-radius:2px;}
.historyTit::after{display: block; content: "";position: absolute;top: 6px;left: -37px;width: 25px; height: 25px; background-color: #236ddb; border-radius: 100%}
.historyTit.period2016{top: 180px;}
.historyTit.period2010{top: 550px;}
.history.left{position:absolute;left:50%;min-width:340px;padding-left:25px;}
.history.left::after{display: block;content: "";position: absolute;top: 6px; left: -7px;width: 8px;height: 8px; border: 4px solid #236ddb;border-radius: 100%;background-color: #fff}
.history.right{position:absolute;right:50%;min-width:340px;padding-right:25px;text-align:right;}
.history.right::after{display: block;content: "";position: absolute;top: 6px; right: -8.5px;width: 8px;height: 8px; border: 4px solid #236ddb;border-radius: 100%;background-color: #fff}
.h2020{top:68px}
.h2018{top: 233px;}
.h2016{top: 297px;}
.h2014{top: 402px;}
.h2013{top: 595px;}
.h2012{top: 775px;}
.h2011{top: 883px;}
.h2010{top: 935px;}
.h2009{top: 1137px;}
.year{font-size:25px;margin-bottom:15px;font-weight:bold;letter-spacing:-1px;}

@media screen and (max-width:1199px) {
	.history.right::after{display: block;content: "";position: absolute;top: 6px; left: -32.5px;width: 8px;height: 8px; border: 4px solid #236ddb;border-radius: 100%;background-color: #fff}
	.historyArea{background-position:0 0;line-height:1.6;overflow:initial ;margin-left: 10px}
	.historyTit{left:2px}
	.history.left{left:0;}
	.history.right{left:25px;right: auto;min-width:300px;padding-right:0;text-align:left;}
	.year{font-size:25px;margin-bottom:0;line-height:32px;}
	.historyTit.period2010{top: 716px;}
	.historyTit.period2016{top: 183px;}
	.h2018{top: 225px;}
	.h2016{top: 280px;}
	.h2014{top: 379px;}
	.h2013{top: 542px;}
	.h2012{top: 759px;}
	.h2011{top: 858px;}
	.h2010{top: 930px;}
	.h2009{top: 1136px}
}

@media screen and (max-width:400px) {
	.history.right{left: 15px;min-width: auto}
	.history.right::after{left: -22.5px}
	.history.left{padding-left: 15px;min-width: auto}
}
/* 조직도 */
.organization{overflow:hidden;background:url("../images/about/bg_organ.gif") no-repeat center 0;}
.organization .leader{display:block;width:255px;height:88px;margin:auto;font-size:20px;color:#FFF;line-height:88px;text-align:center;background-color:#236ddb;}
.organization ul{width:923px;margin:110px auto 0;}
.organization li{float:left;width:197px;height:67px;margin-right:45px;border:3px solid #236ddb;font-size:16px;color:#666;line-height:65px;text-align:center;box-sizing:border-box;}
.organization li:last-child{margin-right:0;}
.organization li span{display:inline-block;line-height:1.4em;margin-top:8px;}
.tbl_organ{margin-top:67px;border-top:2px solid #666;}
.tbl_organ th, .tbl_organ td{height:38px;color:#666;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.tbl_organ th:last-child, .tbl_organ td:last-child{border-right:none;}
.tbl_organ th{background-color:#f9f9f9;}
.tbl_organ td{text-align:center;}

@media screen and (max-width:1199px) {
	.organization{background:none;}
	.organization ul{width:100%;margin-top:10px;}
	.organization li{float:none;width:197px;margin-right:0;margin:10px auto;}
	.organization li:last-child{margin-right:0;margin:10px auto;}
}

/* CI소개 */
.ci{margin:0 0 20px 50px;}
.ci_color li{float:left;margin-right:15px;}

@media screen and (max-width:1199px) {
	.ci{margin-left:0;}
	.ci_color li{width:40%;}
}

/* 설립목적 */
.purpose{overflow:hidden;}
.purpose li{overflow:hidden;float:left;position:relative;width:400px;height:295px;font-family:"NanumSquareR";font-size:20px;color:#FFF;text-align:center;}
.purpose li img{width:62px;height:66px;margin:108px auto 13px;}
.purpose .purp_start{background:url("../images/about/purp_start.jpg") no-repeat center;}
.purpose .purp_start span{display:inline-block;margin-top:95px;font-size:24px;color:#333;line-height:36px;}
.purpose .purp_01{background:url("../images/about/purp_img01.jpg") no-repeat center;}
.purpose .purp_02{background:url("../images/about/purp_img02.jpg") no-repeat center;}
.purpose .purp_03{background:url("../images/about/purp_img03.jpg") no-repeat center;}
.purpose .purp_04{background:url("../images/about/purp_img04.jpg") no-repeat center;}
.purpose .purp_05{background:url("../images/about/purp_img05.jpg") no-repeat center;}
.purpose li dd{display:none;font-size:16px;}
.purpose li:hover>span{display:inline-block;width:400px;height:295px;background-color:#1860cc;opacity:.8;}
.purpose li.purp_start:hover>span{background:none;opacity:1;}
.purpose li:hover span img{display:none;}
.purpose li:hover dl{position:absolute;top:108px;width:100%;height:200px;text-align:center;}
.purpose li:hover dt span{display:block;width:48px;height:2px;background-color:#FFF;margin:18px auto 20px;}
.purpose li:hover dd{display:block;line-height:24px;}

@media screen and (max-width:1199px) {
	.purpose ul{width:800px;margin:auto;}
}

@media screen and (max-width:799px) {
	.purpose ul{width:100%;}
	.purpose li{width:50%;}
}

@media screen and (max-width:420px) {
	.purpose li{float:none;width:90%;margin:auto;}
	.purpose .purp_start span{font-size:16px;}
}

/* 주요사업 */
.business ul{overflow:hidden;}
.business li{float:left;width:281px;height:304px;margin:0 25px 25px 0;font-size:15px;color:#666;border:1px solid #ccc;text-align:center;line-height:24px;font-weight:500;box-sizing:border-box;}
.business li:nth-child(4n){margin-right:0;}
.business li img{width:auto;margin:45px 0 25px;}
.business li p span{color:#236ddb;}
.business li.busi_start{background:#FFF url("../images/about/bg_busi.jpg") no-repeat 0 0;background-size:cover;}
.business li.busi_start p{margin-top:90px;margin-bottom:40px;font-size:22px;font-weight:500;color:#FFF;line-height:28px;}
.business li.busi_start img{margin-top:0;}

@media screen and (max-width:1199px) {
	.business ul{width:99%;margin:auto;}
	.business li, .business li:nth-child(4n){width:31%;margin:0 1% 25px;}
	.business li:nth-child(3n){margin-right:0;}
	.business li.busi_start p{font-size:20px;}
}

@media screen and (max-width:600px) {
	.business ul{width:100%;}
	.business li, .business li:nth-child(4n), .business li:nth-child(3n){width:46%;margin:0 2% 25px;}
	.business li:nth-child(2n){margin-right:0;}
}

@media screen and (max-width:420px) {
	.business ul{width:281px;margin:auto;}
	.business li, .business li:nth-child(4n), .business li:nth-child(3n), .business li:nth-child(2n){float:none;width:281px;margin:0 auto 25px;}
}

/* 오시는길 */
.mapArea{overflow:hidden;width:1200px;min-height:630px;margin-bottom:45px;border:1px solid #ccc;background-color:#f9f9f9;box-sizing:border-box;}
.mapArea span{display:inline-block;margin-right:8px;color:#236ddb;}
.mapArea ul{width:1055px;margin:33px auto;font-size:16px;color:#666;}
.mapArea li{float:left;}
.mapArea li.tel{margin:0 165px;}
.root_daum_roughmap .border1, .root_daum_roughmap .border3{height:0 !important;}
.root_daum_roughmap .border2, .root_daum_roughmap .border4{width:0 !important;}
.root_daum_roughmap .wrap_controllers{border:1px solid #ccc;border-right:none;border-left:none;}
.traffic .byCar, .traffic .byBus{float:left;width:50%;height:100px;padding-left:115px;}
.traffic .byCar{background:url("../images/about/tra_car.gif") no-repeat 0 0;}
.traffic .byBus{background:url("../images/about/tra_bus.gif") no-repeat 0 0;}
.traffic span{display:block;margin:20px 0 10px;font-size:18px;color:#236ddb;}
.traffic em{padding-left:10px;background:url("../images/common/dot.gif") no-repeat 0 center;}

@media screen and (max-width:1199px) {
	.mapArea{width:100%;}
	.mapArea ul{width:100%;}
	.mapArea li,
	.mapArea li.tel{margin:5px 3%;}
}

@media screen and (max-width:768px) {
	.mapArea li, .mapArea li.tel{float:none;margin:5px 3%;}
	.traffic .byCar, .traffic .byBus {width:100%; margin-bottom:10px;}
}

/********************************************************************************************
	 저작권보호정책/개인정보처리방침/이메일무단수집거부
*********************************************************************************************/
.etc{margin-top:-30px;color:#666;line-height:21px;white-space:pre-wrap;}
.etc .preface{border:1px solid #ccc;padding:30px 25px;background-color:#f9f9f9;letter-spacing:0;}
.etc strong{display:inline-block;margin:15px 0 5px;}
.etc span{display:inline-block;padding-left:11px;margin-top:5px;background:url("../images/common/dot.gif") no-repeat 2px 10px;}
.etc li{padding-left:11px;margin-bottom:3px;background:url("../images/common/dot.gif") no-repeat 2px 10px;}
.etc .box{border:1px solid #ccc;padding:20px;margin-top:20px;}
.etc a{text-decoration:underline;}


/********************************************************************************************
	 게시판 추가
*********************************************************************************************/
a {cursor:pointer;}
.bbs_wrap {position:relative; }
/* 기본 */
input {vertical-align:middle; border:none;}
input.radio { width:13px; height:13px; vertical-align:middle}
select { vertical-align:middle;}
textarea {border-color: #b6b6b6 #ddd #ddd #b6b6b6; border-style: solid; border-width: 1px; background-color:#fff;}
input[type=text], input[type=password]  {border:1px solid #b6b6b6; background-color:#fff; padding:2px; height:30px}
select {border:1px solid #b6b6b6; background-color:#fff; padding:2px; height:30px}
input.none {border:none !important; border-color:#fff; padding:2px}
legend {position:absolute; overflow:hidden; width:0; height:0; line-height:0; text-indent:-9999px}
.bbs_wrap {position:relative; max-width:1300px; margin:0 auto; padding-bottom:40px;}

/* 다단 */
.col-wrap {margin:0 -20px}
.col-wrap:after {content:""; display:block; clear:both}
.col-item {float:left; padding-left:20px; padding-right:20px}
.col16 {width:16.66666667%}
.col20 {width:20%}
.col25 {width:25%}
.col33 {width:33.33333333%}
.col50 {width:50%}
.col66 {width:66.66666667%}
.col75 {width:75%}
.col80 {width:80%}
.col100 {width:100%}
@media screen and (max-width:767px) {
	input.col25 {width:50%}
	input.col16 {width:33.33%}
}
@media screen and (max-width:375px) {
	input.col25 {width:100%}
	input.col16 {width:100%}
}

/* 정렬 */
.textAlign_center {text-align:center !important;}
.textAlign_left {text-align:left !important;}
.textAlign_right {text-align:right !important;}
.float_left {float:left;}
.float_right {float:right;}

/* 파일첨부 */
.uploadBox {position:relative; overflow:hidden;}
.uploadBox .preview {position:absolute; left:0; width:150px; }
.uploadBox .preview img {width:120px; height:120px; border:1px solid #ccc; margin-bottom:5px;}
.uploadBox .preview .btn {background:#999; width:115px; line-height:24px; font-size:13px;}
.uploadBox .fileList {margin-left:140px; }
.uploadBox .fileList ul {margin-right:10px;}
.uploadBox .fileList ul li {padding:6px 10px; border:1px solid #eee; margin-top:-1px;}
.uploadBox .fileList ul li:first-child {margin-top:0;}
.uploadBox .fileList ul li:hover,
.uploadBox .fileList ul li.on {background:#f7f7f7;}
.uploadBox .fileList ul li a {display:inline-block;}
.uploadBox .fileList ul li a.btn {float:right; font-size:11px; line-height:18px}

/* 버튼 */
.btn_wrap {margin-bottom:40px;}
.btn_wrap:after {content:""; display:block; clear:both;}
.btn_wrap.align_right {margin-bottom:5px; text-align:right;}
.btn {display:inline-block;line-height:35px; color:#fff; background:#a5abaf; text-align:center; padding:0 25px; font-weight:400; vertical-align:middle; font-size:16px; border-radius:5px; margin:2px; border:none}
button.btn {letter-spacing:-1px; }
a.btn {letter-spacing:-1px; }

.btn.primary {background:#006eb2}
.btn.info {background:#52c4e0}
.btn.success {background:#00a5ae}
.btn.danger {background:#ef263e}
.btn.warning {background:#ffa800}
.btn.inverse {background:#20201f}
.btn.white {background:#fff; border:1px solid #d1d6d7; color:#333}

.btn:hover {background:#858d93}
.btn.primary:hover {background:#025a91}
.btn.info:hover {background:#33a7c4}
.btn.success:hover {background:#00938c}
.btn.danger:hover {background:#bd0b1f}
.btn.warning:hover {background:#ff9001}
.btn.inverse:hover {background:#3a3a38}
.btn.white:hover {background:#e9eff1;}

.btn_big {line-height:55px; font-size:18px; font-weight:600;}
.btn_small {line-height:30px; font-size:14px; padding:0 15px; border-radius:3px}
.btn_xsmall {line-height:22px; font-size:12px; padding:0 10px; border-radius:3px}

/* 아이콘 */
.ico {display:inline-block; width:0; height:0; vertical-align:middle; background:url('../images/bbs/ico.png') no-repeat; overflow:hidden}
.ico_close {background-position:-127px -229px; padding:20px 20px 0 0;}
.ico_close_big {background-position:-127px -229px; padding:30px 30px 0 0;}
.ico_file {padding:24px 24px 0 0; background-position:-242px -87px;}
.ico_new {padding:20px 16px 0 0; background-position:-332px -119px;}
.ico_rock {padding:20px 16px 0 0; background-position:-352px -119px;}
.ico_calendar {padding:20px 25px 0 0; background-position:-299px -49px;}
a.ico_callendar {background-color:#b9c0c4; background-position:-299px -49px; border-radius:3px; padding:25px 25px 0 0; margin:0 5px 0 0}
.ico_guide {padding:30px 30px 0 0; background-position:-420px 0;}
.ico_down {padding:23px 23px 0 0; background-position:2px -270px;}
.ico_search {padding:22px 22px 0 0; background-position:-200px -227px}
.ico_delete {padding:22px 22px 0 0; background-position:-126px -48px;}
.ico_print {padding:22px 22px 0 0; background-position:-193px -118px;}

.ico_sns {display:inline-block; width:0; height:0; vertical-align:middle; background:url('../images/bbs/ico_sns.png') no-repeat; overflow:hidden}
.ico_fb {padding:26px 26px 0 0; background-position:0px -40px; background-color:#395595;}
.ico_tw {padding:26px 26px 0 0; background-position:-160px -40px; background-color:#0eb6f4;}
.ico_ks {padding:26px 26px 0 0; background-position:-200px -40px; background-color:#ffae00;}
.ico_kakao {padding:26px 26px 0 0; background-position:-40px -40px; background-color:#eed824;}
.ico_naver {padding:26px 26px 0 0; background-position:-120px -40px; background-color:#36ac36;}
.ico_google {padding:26px 26px 0 0; background-position:-80px -40px; background-color:#b6372d;}

/* 전체개수 */
.guide_total {padding:10px 0 15px;}
.guide_total strong {color:#666}


/* 페이지 */
.pagenation {display:block; text-align:center; margin:40px 0 20px;}
.pagenation a, .pagenation span {display:inline-block; padding:8px 0; line-height:20px; width:40px; text-align:center; border:1px solid #d7d7d7; vertical-align:middle;}
.pagenation a:hover {background-color:#d7d7d7;}
.pagenation span {background:#666; color:#fff; font-weight:600; border:1px solid #666;}
.pagenation .ico_arrow_prev {padding:36px 20px 0 0; background-color:none; background-position:-78px -40px; margin-right:6px;}
.pagenation .ico_arrow_next {padding:36px 20px 0 0; background-color:none; background-position:-53px -40px; margin-left:6px;}
.pagenation .ico_arrow_first {padding:36px 20px 0 0; background-color:none; background-position:-262px -40px;}
.pagenation .ico_arrow_last {padding:36px 20px 0 0; background-color:none; background-position:-235px -40px;}

@media screen and (max-width:767px) {
	.pagenation a, .pagenation span {padding:3px 0; line-height:20px; width:30px;}
	.pagenation .ico_arrow_prev {padding:26px 20px 0 0; background-color:none; background-position:-82px -44px; margin-right:6px;}
	.pagenation .ico_arrow_next {padding:26px 20px 0 0; background-color:none; background-position:-57px -44px; margin-left:6px;}
	.pagenation .ico_arrow_first {padding:26px 20px 0 0; background-color:none; background-position:-266px -44px;}
	.pagenation .ico_arrow_last {padding:26px 20px 0 0; background-color:none; background-position:-239px -44px;}
}

/* 검색 */
.search_wrap {margin-bottom:20px;}
.search_wrap input[type=text], .search_wrap select {padding:5px;}
.search_wrap ul {overflow:hidden;}
.search_wrap ul li {position:relative; float:left; line-height:1.3; padding:10px 0;}
.search_wrap ul li.title100 {padding-left:100px;}
.search_wrap ul li span.title {position:absolute; left:0; font-weight:600; border-right:1px solid #a4a8ab; margin-top:2px; line-height:1; top:50%; margin-top:-7px;}
.search_wrap ul li.title100 span.title {width:80px;}
.search_wrap ul li.wid1 {width:100%}
.search_wrap ul li.wid2 {width:50%}
.search_wrap ul li.wid3 {width:33.333333%}
.search_wrap ul li.wid4 {width:25%}
.search_wrap ul li label {margin-right:20px;}
.search_wrap .btn_wrap {border-top:1px solid #ddd; margin:10px 0 0; padding-top:10px; text-align:right;}
.search_wrap2 {margin-bottom:10px;}
.search_wrap2:nth-child(2) {border-top:1px solid #ddd; padding-top:10px;}
.search_dl {position:relative; background:#efefef; padding:10px 20px; margin-bottom:20px;}
.search_dl dl {overflow:hidden;}
.search_dl dl dt {float:left; width:12%; text-align:left; border-right:1px solid #ccc; line-height:1; margin:10px 0; height:15px;}
.search_dl dl dd {float:left; width:88%; padding:5px 15px; line-height:27px;}
.search_dl .btn_search {position:absolute; right:20px; bottom:15px;}
.bbs_wrap .search_wrap {position:absolute; right:0;}
@media screen and (max-width:767px) {
	.bbs_wrap .search_wrap {position:relative; right:auto;}
	.search_wrap {padding:10px; background:#efefef; text-align:center;}
	.search_wrap .srh_word {width:50%;}
}
@media screen and (max-width:480px) {
	.search_wrap select, .search_wrap .srh_word {width:100%; margin-bottom:5px;}
}

/* 목록 */
.table_bbs {width:100%; border-top:2px solid #999;}
.table_bbs thead tr th {padding:20px 10px; font-weight:600; color:#666; border-bottom:1px solid #999; background:#fff; text-align:center}
.table_bbs thead tr th .ico_sort {margin-left:5px; /*border:1px solid #dadada; border-radius:2px;*/}
.table_bbs thead tr th:first-child {border-left:none;}
.table_bbs tbody tr th {padding:15px; font-weight:600; color:#666; border-bottom:1px solid #e6e6e6; text-align:center}
.table_bbs tbody tr td {padding:15px; font-weight:400; color:#666; border-bottom:1px solid #e6e6e6; text-align:center}
.table_bbs tbody tr td.subject {text-align:left}
.table_bbs tbody tr td a {color:#333;display: -webkit-box; max-width:90%; float:left;  text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden}
.table_bbs tbody tr:hover {background:#f5f5f5;}
.table_bbs .none {padding:40px 0;}
.table_bbs .bbs_notice {background:#f9f9f9;}
@media screen and (max-width:767px) {
	.table_bbs .mobile_hidden {display:none;}
	.table_bbs tbody tr td a {max-width:70%;}
}

/* 쓰기 */
.table_form {width:100%; border-bottom:1px solid #e2e7eb; margin-bottom:10px; }
.table_form tbody tr th {padding:10px 15px; font-weight:600; color:#333; border-top:1px solid #e6e6e6; text-align:center; background:#f9f9f9}
.table_form tbody tr td {padding:10px 15px; font-weight:400; color:#666; border-top:1px solid #e6e6e6; text-align:left}
.table_form tbody tr td p {padding:3px 0;}
.table_form .context {padding:30px 0;}
.table_form span {display:inline-block;}

/* 상세 */
.bbs_view {border-bottom:1px solid #e6e6e6; margin-bottom:20px;}
.bbs_view .title {border-top:2px solid #ddd; border-bottom:2px solid #666; padding-top:20px; position:relative;}
.bbs_view .title h4 {font-weight:600; color:#333; font-size:24px; font-family: 'Nanum Square';}
.bbs_view .title .author {padding:10px 0 20px; }
.bbs_view .title .author span {display:inline-block; border-left:1px solid #999; padding:0 10px; line-height:1;}
.bbs_view .title .author span:first-child {padding-left:0; border-left:0;}
.bbs_view .title .author.program ul {overflow:hidden;}
.bbs_view .title .author.program ul li {float:left; border-top:1px solid #ddd; padding:10px 0;}
.bbs_view .title .author.program ul li.wid33 {width:33.3333%;}
.bbs_view .title .author.program ul li.wid50 {width:50%;}
.bbs_view .title .author.program ul li.wid100 {width:100%;}
.bbs_view .title .author.program ul li .author_title {width:100px; border-right:1px solid #ddd; line-height:1; text-align:center; margin-right:10px; font-weight:600;}
.bbs_view .title .sns_wrap {position:absolute; right:0; margin-top:-40px;}
.bbs_view .context {padding:30px 0;}
.bbs_view .file_wrap { padding:15px 0; border-bottom:1px solid #e6e6e6;}
.bbs_view .file_wrap .file_img {text-align:center; background:#e9e9e9; padding:10px; margin-bottom:10px;}
.bbs_view .file_wrap .file_img img {width:auto; height:auto;}

.bbs_view .file_wrap a { text-decoration:underline;}
.bbs_view .img_wrap {padding:20px; border-bottom:1px solid #e6e6e6; text-align:center; background:#e9e9e9;}
.bbs_view .img_wrap img {width:285px; height:190px; margin:0 1%;}

.bbs_reply {position:relative; border:5px solid #e6e6e6; padding:20px 20px 20px 100px ; margin-bottom:20px;}
.bbs_reply .ico_a {position:absolute; left:20px; top:20px; font-weight:600; font-size:20px;}

.data_view {position:relative; padding-left:440px;}
.data_view .img {position:absolute; left:0; top:0; width:400px;}
.data_view .img img {width:100%; max-height:300px; border:1px solid #e6e6e6; margin-bottom:10px;}
.data_view h4 {border-top:2px solid #666; border-bottom:1px solid #e6e6e6; font-weight:600; color:#666; font-size:24px; line-height:1.2; font-family: 'Nanum Square'; text-align:left; padding:20px 0; margin-bottom:15px;}
.data_view dl {position:relative; min-height:240px}
.data_view dl dt {position:absolute; left:0; font-weight:600; width:80px; border-right:1px solid #ddd;}
.data_view dl dd {padding-left:100px; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #e6e6e6;}
.data_view .context {padding:30px 0;border-bottom:1px solid #e6e6e6;}

.bbs_view .sns_wrap {width:auto; padding:0;}

@media screen and (max-width:1400px) {
	.data_view {padding-left:34%; }
	.data_view .img {width:30%;}
}
@media screen and (max-width:1024px) {
	.bbs_view .img_wrap img {width:31%; height:auto;}
}
@media screen and (max-width:767px) {
	.data_view {padding-left:0; }
	.data_view .img {position:relative; text-align:center; width:100%; margin-bottom:20px;}
	.bbs_view .img_wrap img {width:50%; margin:1%;}
	.bbs_view .title .author {padding:10px 50px 20px 0; }
}
@media screen and (max-width:480px) {
	.bbs_view .img_wrap img {width:70%;}
}


/* faq*/
.faq_list {border-top:2px solid #666;}
.faq_list li .q a {position:relative; display:block;border-bottom:1px solid #e6e6e6; padding:20px 0 20px 100px; }
.faq_list li .q a .ico_q {position:absolute; left:30px; top:20px; display:inline-block; font-weight:600; }
.faq_list li .a {position:relative; display:none; background:#fbfbfb; padding: 30px 20px 30px 100px; line-height:1.5;border-bottom:1px solid #e6e6e6;}
.faq_list li .a .ico_a {position:absolute; left:35px; top:25px; font-size:34px; color:#666; font-weight:600;}
.faq_list li.none .q {border-bottom:1px solid #e6e6e6; padding:20px 0; text-align:center;}
.faq_list li.on .q a {background:#fbfbfb; border-top:2px solid #e6e6e6; color:#333; font-weight:600;}

/* 처리상태 */
.state {display:inline-block; width:75px; line-height:22px; background:#c9c9c9; border-radius:2px; color:#fff; text-align:center; font-size:13px; vertical-align:middle;}
.state span {display:inline-block; width:18px; line-height:18px; text-align:center; background:#fff; border-radius:10px; margin-right:5px; color:#666; font-size:13px;}
.state.state_ing {background:#666;}
.state.state_fin {background:#f90314}
.state.state_none {background:#999}

/* news */
.bbs_list .item {position:relative; border-bottom:1px solid #e6e6e6; padding:25px 0;}
.bbs_list .item:first-child {border-top:1px solid #e6e6e6; }
.bbs_list .item .photo {position:absolute; left:0; top:20px; margin-right:30px; width:252px; height:169px; overflow:hidden;}
.bbs_list .item .photo img {position:absolute; width:100%; height:100%;}
.bbs_list .item dl {margin-left:280px;}
.bbs_list .item dl dt {border-bottom:2px solid #666; padding:10px 0; margin-bottom:10px;}
.bbs_list .item dl dt a {display:inline-block; font-weight:600; font-size:20px; }
.bbs_list .item dl dt .no {float:right; font-size:14px;}
.bbs_list .item dl dd .btn_wrap {overflow:hidden;}
.bbs_list .item dl dd .btn_wrap .sns_wrap {float:left; font-size:14px;}
.bbs_list .item dl dd .btn_wrap .btn {float:right}

/* gallery */
.gallery_wrap {overflow:hidden; width:100%; border-bottom:1px solid #e6e6e6; border-top:2px solid #666;}
.gallery_list {margin:0 -20px; clear:both; overflow:hidden;}
.gallery_list .item {position:relative; float:left; width:25%; padding:20px;}
.gallery_list .item a .thumb {display:block; height:170px; overflow:hidden;}
.gallery_list .item a .thumb img {width:100%; height:100%;}
.gallery_list .item a h4 {margin:15px 0; font-size:18px; height:20px; line-height:20px; font-weight:600; color:#333; display: -webkit-box;  text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.gallery_list .item .text span {display:inline-block; line-height:1; border-left:1px solid #ddd; padding:0 10px;}
.gallery_list .item .text span:first-child {border-left:0; padding-left:0;}
.gallery_list .item .sns_wrap {position:absolute; right:20px; bottom:20px;}

@media screen and (max-width:1400px) {
	.gallery_list {margin:0 -10px;}
	.gallery_list .item {padding:10px;}
	.gallery_list .item a h4 { font-size:16px; text-align:center; margin-bottom:10px;}
	.gallery_list .item .text {text-align:center;}
	.gallery_list .item .text span {font-size:12px; padding: 0 5px;}
	.gallery_list .item .sns_wrap {position:relative; right:auto; bottom:auto; text-align:center; padding-top:10px;}
}
@media screen and (max-width:1024px) {
	.gallery_list .item a .thumb {height:130px;}
}
@media screen and (max-width:767px) {
	.gallery_list .item {width:50%;}
	.gallery_list .item a .thumb {height:170px;}
}
@media screen and (max-width:520px) {
	.gallery_list .item a .thumb {height:130px;}
}
@media screen and (max-width:375px) {
	.gallery_list .item {width:100%;}
	.gallery_list .item a .thumb {height:170px;}
}

/* newsletter */
.newsletter_wrap {overflow:hidden; width:100%; border-bottom:1px solid #e6e6e6; border-top:2px solid #666;}
.newsletter_list {margin:0 -20px; clear:both; overflow:hidden;}
.newsletter_list .item {position:relative; float:left; width:50%; height:200px; padding:20px; overflow:hidden;}
.newsletter_list .item .thumb {float:left; width:30%; margin:0 20px 20px 0; height:170px; overflow:hidden; text-align:center; background:#ddd; padding:10px; display:table-cell; vertical-align:middle;}
.newsletter_list .item .thumb img {width:100%; max-width:150px;}
.newsletter_list .item a {display:block;}
.newsletter_list .item a h4 {margin:15px 0; font-size:18px; height:20px; line-height:20px; font-weight:600; color:#333; display: -webkit-box;  text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.newsletter_list .item a .context {padding-bottom:10px;}
.newsletter_list .item a .text span {display:inline-block; line-height:1; border-left:1px solid #ddd; padding:0 10px;}
.newsletter_list .item a .text span:first-child {border-left:0; padding-left:0;}

/* 이미지슬라이드 */
.bbs_wrap .imgSlide_photo {position:relative; border:none;}
.bbs_wrap .imgSlide_photo .imgSlide_big {text-align:center; background:#dfdfdf;}
.bbs_wrap .imgSlide_photo .imgSlide_big .img {width:100%; height:700px;}
.bbs_wrap .imgSlide_photo .imgSlide_big .img img {max-width:100%; height:100%}
.bbs_wrap .imgSlide_photo .imgSlide_big .title {position:absolute; top:0; display:block; width:100%; background:#686868; color:#fff; font-size:18px; height:50px; font-weight:600; line-height:50px;}

.bbs_wrap .title {border-top:2px solid #ddd; border-bottom:2px solid #666; padding-top:20px;}
.bbs_wrap .title h4 {font-weight:600; color:#333; font-size:24px; font-family: 'Nanum Square';}
.bbs_wrap .title .author {padding:10px 0 20px; }
.bbs_wrap .title .author span {display:inline-block; border-left:1px solid #999; padding:0 10px; line-height:1;}
.bbs_wrap .title .author span:first-child {padding-left:0; border-left:0;}
.bbs_wrap .title .sns_wrap {position:absolute; right:0; margin-top:-40px;}

.bbs_wrap .imgSlide_photo .thumbList {position:relative; background:#666; padding:10px 0;}
.bbs_wrap .imgSlide_photo .thumbList div {overflow:hidden; height:110px;}
.bbs_wrap .imgSlide_photo .thumbList div ul {width:705px; margin:0 auto; overflow:hidden;}
.bbs_wrap .imgSlide_photo .thumbList div ul li {float:left;}
.bbs_wrap .imgSlide_photo .thumbList div ul li a,
.bbs_wrap .imgSlide_photo .thumbList div ul li span {display:block; background:#000; border-left:1px solid #666; width:140px; height:110px; text-align:center;}
.bbs_wrap .imgSlide_photo .thumbList div ul li a img,
.bbs_wrap .imgSlide_photo .thumbList div ul li span img {max-width:139px; height:100%; opacity:0.7;}
.bbs_wrap .imgSlide_photo .thumbList div ul li a.active img {border:2px solid #fff; opacity:1;}

.bbs_wrap .imgSlide_photo .context {padding:20px; border:1px solid #d6d6d6; margin-bottom:20px;}
.bbs_wrap .imgSlide_photo .arrowBtn {display:inline-block; position:absolute; top:40px; right:0; padding:50px 50px 0 0; margin-top:0; width:0; height:0; background:#999 url('../images/bbs/ico.png') no-repeat 0 0; overflow:hidden; border-left:1px solid #d3d3d3;}
.bbs_wrap .imgSlide_photo .arrowBtn.prev {left: 0; right:auto; background-position:-129px -170px;}
.bbs_wrap .imgSlide_photo .arrowBtn.next {background-position:-87px -170px;}

@media screen and (max-width:1400px) {
	.style_imgSlide .imgSlide_photo .imgSlide_big .img {width:100%; height:500px;}
}
@media screen and (max-width:1200px) {
	.style_imgSlide .imgSlide_photo .imgSlide_big .img {width:100%; height:400px;}
}
@media screen and (max-width:768px) {
	.bbs_wrap .imgSlide_photo .thumbList {height:0; padding:0;}
	.bbs_wrap .imgSlide_photo .arrowBtn {top:-50px;}
	.bbs_wrap .imgSlide_photo .arrowBtn.prev {left:auto; right:50px;}
	.bbs_wrap .imgSlide_photo .thumbList div ul {display:none;}
	.bbs_wrap .title .author {padding:10px 50px 20px 0; }
}

.bbs_view2 .title {background:#e9f0f8; padding:30px; margin-bottom:20px; border:0;}
.bbs_view2 .title h4 {display:block; font-weight:600; color:#333; font-size:24px; font-family: 'Nanum Square'; margin:10px 0; text-align:center;}
.bbs_view2 .title h4 .state {font-size:13px; text-align:center; width:auto; padding:0 10px; vertical-align:middle;}
.bbs_view2 .title .author {display:block; border-top:1px solid #666; margin-top:15px; padding:10px 0 0;}
.bbs_view2 .title .author ul {overflow:hidden;}
.bbs_view2 .title .author ul li {float:left; border-bottom:1px solid #ddd; padding:10px 0; padding-left: 112px; text-indent: -112px;}
.bbs_view2 .title .author ul li.wid33 {width:33.3333%;}
.bbs_view2 .title .author ul li.wid50 {width:50%;}
.bbs_view2 .title .author ul li.wid100 {width:100%;}
.bbs_view2 .title .author ul li .author_title {width:100px; border-right:1px solid #ddd; line-height:1; text-align:center; margin-right:10px; font-weight:600; text-indent:0;}
.bbs_view2 .title .author ul li .author_title.wid150 {width:150px;}
.bbs_view2 .context {padding:30px 0; border-bottom:1px solid #ddd}
.bbs_view2 .file_wrap { padding:15px 0; border-bottom:1px solid #e6e6e6;}
.bbs_view2 .file_wrap a { text-decoration:underline;}
@media screen and (max-width:1024px) {
	.bbs_view2 .title .author ul li.wid33 {width:50%;}
}
@media screen and (max-width:757px) {
	.bbs_view2 .title .author ul li.wid50,
	.bbs_view2 .title .author ul li.wid33 {width:100%;}
}
@media screen and (max-width:480px) {
	.bbs_view2 .title .author ul li {padding-left:0; text-indent:0;}
	.bbs_view2 .title .author ul li .author_title {display:block; border-right:0; text-align:left; margin-bottom:5px;}
}

.box_style {border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.box_style .info_txt {padding:30px; background:#f8f8f8; text-align:center;}
.box_style .sns_btn {padding:60px 30px; overflow:hidden;}
.box_style .sns_btn .snsLogin_btn {float:left; width:33.3333%; padding:10px;}
.box_style .sns_btn .snsLogin_btn a {display:block; background:#fff; border-radius:3px; padding:10px;  min-height:60px; border:1px solid #ddd; box-shadow:0 0 10px #ddd; line-height:60px; text-align:center;}
.box_style .sns_btn .snsLogin_btn a span {display:inline-block; padding:30px 30px 0 0; background:url('../images/bbs/ico_sns.png') no-repeat; vertical-align:middle; margin-right:5px;}
.box_style .sns_btn .snsLogin_btn a:hover {background-color:#f8f8f8;}

.box_style .sns_btn .snsLogin_btn.facebook a span {background-position:0 0;}
.box_style .sns_btn .snsLogin_btn.twitter a span {background-position:-120px 0;}
.box_style .sns_btn .snsLogin_btn.naver a span {background-position:-120px 0;}
.box_style .sns_btn .snsLogin_btn.cacao a span {background-position:-40px 0;}
.box_style .sns_btn .snsLogin_btn.kakao a span {background-position:-40px 0;}

@media screen and (max-width:1024px) {
	.box_style .sns_btn {padding:60px 0px;}
}
@media screen and (max-width:768px) {
	.box_style .sns_btn .snsLogin_btn {width:100%;;}
}

/* 레이어팝업 */
.popupLayer {position:absolute; z-index:99999; background:#fff; box-shadow:0 0 10px #999;}
.popupLayer .todayopen{position:absolute; width:100%; height:30px; line-height:30px; bottom:-30px; left:0; background:#666; color:#fff; padding:0 10px; font-size:13px;}
.popupLayer .todayopen a {position:absolute; right:0; background:#555; padding:0 10px;}
.popupLayer .popupLayer_con {width:100%; height:100%;}
.popupLayer .popupLayer_con img {width:100%; height:100%;}

@media screen and (max-width:768px) {
	.popupLayer {width:90% !important; height:auto !important; left:50% !important; margin-left:-45%;}
}
.popupLayer.pop_window {width:100% !important; height:auto !important; left:0 !important; margin-left:0; top:0 !important;}

/* 사이트맵 */
.sitemap_wrap ul {}
.sitemap_wrap ul li {position:relative; margin-bottom:40px; padding:20px 0; border-top:1px solid #ddd;}
.sitemap_wrap ul li a {position:absolute; left:0; font-size:22px; font-weight:600; line-height:30px; color:#2674e0}
.sitemap_wrap ul li ul {padding-left:220px; overflow:hidden;}
.sitemap_wrap ul li ul li {float:left; width:20%; margin:0; padding:0; border-top:none; padding:5px 10px;}
.sitemap_wrap ul li ul li.submain {width:100%;}
.sitemap_wrap ul li ul li.submain ul {padding:10px 0; border:1px solid #ddd; border-top:none; background:#fff;}
.sitemap_wrap ul li ul li.submain ul li {width:auto; padding:0;}
.sitemap_wrap ul li ul li.submain ul li a {width:auto; background:none; border:0; border-left:1px solid #ddd; line-height:1; margin:5px 0;}
.sitemap_wrap ul li ul li.submain ul li:first-child a {border-left:0;}
.sitemap_wrap ul li ul li a {position:relative; display:block; width:auto; font-size:16px; font-weight:400; border:1px solid #ddd; line-height:30px; padding:0 10px; background:#f8f8f8 url(../images/ico/ico_arrow_link.png) no-repeat right center; color:#333;}
.sitemap_wrap ul li ul li a:hover {background-color:#e9ebed}

@media screen and (max-width:1200px) {
	.sitemap_wrap ul li ul li {width:25%;}
}
@media screen and (max-width:1024px) {
	.sitemap_wrap ul li a {position:relative;}
	.sitemap_wrap ul li ul {padding-left:0; margin:0 -10px}
}
@media screen and (max-width:768px) {
	.sitemap_wrap ul li ul li {width:33.3333%;}
}
@media screen and (max-width:520px) {
	.sitemap_wrap ul li ul li {width:50%;}
}
@media screen and (max-width:420px) {
	.sitemap_wrap ul li ul li {width:100%;}
}

.info_box {background:#fff url('../images/common/infobox_bg.png') no-repeat 30px 30px; padding:30px; border:1px solid #ddd; font-size:16px; margin-bottom:30px;}
.info_box p {padding:5px 0 0 50px;}
.info_box .browser_info {margin:15px 0 0 50px; border-top:1px solid #eee; padding-top:15px;  line-height:40px;}
.info_box .browser_info .tit {display:inline-block; font-weight:600; color:#236ddb; margin-right:10px;}
.info_box .browser_info .brs_ico {display:inline-block; background:url('../images/common/browser_ico.png') no-repeat 0 0; padding:0 10px 0 45px; min-width:110px}
.info_box .browser_info .brs_ex {background-position:0 0;}
.info_box .browser_info .brs_ch {background-position:0 -50px;}
.info_box .browser_info .brs_sa {background-position:0 -100px;}
.info_box .browser_info .brs_op {background-position:0 -150px;}
.info_box .browser_info .brs_fi {background-position:0 -200px;}

@media screen and (max-width:1024px) {
	.info_box .browser_info .tit {display:block;}
}
@media screen and (max-width:768px) {
	.info_box {font-size:14px; background:none; padding:10px;}
	.info_box p {padding:5px 0 0 0;}
	.info_box .browser_info {margin:10px 0 0 0; padding-top:10px;}
}