@charset "utf-8";


.mapInfo {display:table; width:100%; margin-top:80px}
.mapInfo > div {display:table-cell; padding-top:47px; width:25%; height:183px; border:1px solid #e2e2e2; text-align:center;}
.mapInfo > div .tit {font-weight:bold; font-size:18px; color:#000; line-height:1; margin-top:15px}
.mapInfo > div .txt {font-size:16px; color:#555; line-height:1.5; margin-top:20px}


@media all and (max-width:758px){
.mapInfo {display:block; text-align:center; margin:0 auto; margin-top:35px}
.mapInfo > div {display:inline-block; border-top:0; padding:20px 0; width:70%; height:auto;}
.mapInfo > div:first-child {border-top:1px solid #e2e2e2}
.mapInfo > div img {height:25px}
.mapInfo > div .tit {font-size:15px; line-height:1; margin-top:15px}
.mapInfo > div .txt {font-size:13px; margin-top:10px}

}


.carValue {text-align: center;padding: 180px 0 0; margin-bottom:60px; float:left; width:400px; height:465px; background:#ddd; width:32%;border:1px solid #ddd; box-sizing:border-box;}
.carValue:before {content: "";display: block;margin:0 auto 60px; background: url('../images/sub/bg_special.png') no-repeat;}
.carValue.icon1:before {background-position: 0 0;}
.carValue.icon2:before {background-position: -330px 0;}
.carValue.icon3:before {background-position: -660px 0;}
.carValue.icon4:before {background-position: -990px 0;}
.carValue.icon5:before {display: none;}
.carValue.icon5 .gua-image {margin: 36px auto 29px; width: 250px;}
.carValue.icon6:before {background-position: -1650px 0;}
.carValue.icon7:before {background-position: -1980px 0;}
.carValue.icon8:before {background-position: -2310px 0;}
.carValue.icon9:before {background-position: -2640px 0;}
.carValue.icon10:before {background-position: -2970px 0;}
.carValue strong {display: block;font-size: 30px;margin-bottom: 37px;}
.carValue strong:after {content:"";display: block;width: 60px;height: 3px;background-color: #e24e4e;margin:30px auto 0;}
.carValue span {display: block;font-size: 18px;width:85%; margin:0 auto;}
.carValue span i {color: #d54d4c;}
.carValue span i.reserve {color: #969696;}
.carValue span i em {display: block;font-weight: bold;color: #e24e4e;margin-top: 7px;}
.carValue span .btnDetail {display: block;margin:55px auto 0; background-color: #e24e4e;font-size: 20px;color: #fff;width: 400px;height: 60px;line-height: 60px;text-align: center;}
.carValue span a.btnDetail {display: block;margin:55px auto 0; background-color: #e24e4e;font-size: 20px;color: #fff;width: 400px;height: 60px;line-height: 60px;text-align: center;}
.carValue span a {display: block;margin:24px auto 0; font-size: 127%;color: #e24e4e;width: 164px; line-height: 47px;border:1px solid #e24e4e;}
.btnSet {width: 828px;margin:0 auto;padding-bottom: 100px;}
.btnSet span *, .priceCheck .btnSet span * {padding:0px;height: 58px;line-height: 58px;width: 398px;}

.icon1{background:url(/common/images/sub/aa1.png) no-repeat 50% 0; background-size:contain;}
.icon2{background:url(/common/images/sub/aa2.png) no-repeat 50% 0; margin:0 2%;background-size:contain;}
.icon3{background:url(/common/images/sub/aa3.png) no-repeat 50% 0; background-size:contain;}


@media all and (max-width:1000px) { 
	.carValue{width:100%;}
	.icon2{ margin:0 0%; background-size:cover; margin-bottom:5%; color:#fff;}
	.icon1{background:url(/common/images/sub/aa1.png) no-repeat 50% 0; background-size:cover;}
	.icon3{ background-size:cover;}
}


.wdate{width:100%;}
.pay_tlt{text-align:right;}
.guide_txt{ text-align:center; background:url(/common/images/sub/pass_icon.jpg)no-repeat center 0;}
.guide_txt input[type="password"]{border:1px solid #ccc; height:30px; padding-left:10px;}
.guide_txt input[type="submit"]{height:32px; background:#0a5db8; font-family:'Nanum Gothic';}

.guide_txt {border:1px solid #ccc; background:#f8f8f8 url(/common/images/sub/bi_icon.jpg)no-repeat center 50px; padding:160px 0 0 0; width:450px; margin:0 auto; height:90px; border-radius:10px;}

.c01{background:#eb6f4d;  border-radius: 3px; display: inline-block; padding: 0; line-height: 22px; font-size: 13px; padding:0px 10px; color:#fff !important;}
.c03{background:#666;  border-radius: 3px; display: inline-block; padding: 0; line-height: 22px; font-size: 13px; padding:0px 10px; color:#fff !important;}


/*.m01{border: 2px solid #eb6f4d; color: #eb6f4d;  border-radius: 3px; display: inline-block; padding: 0; line-height: 22px; font-size: 13px; width: 60px; text-align: center; margin-right: 10px;}
.m03{border: 2px solid #666; color: #666;  border-radius: 3px; display: inline-block; padding: 0; line-height: 22px; font-size: 13px; width: 60px; text-align: center; margin-right: 10px;}
*/
.btn_n01 {background:#216aa3; padding:5px 10px; margin-right:3px; color:#fff !important; }
.btn_n02 {background:#ae2020; padding:5px 10px; margin-right:3px; color:#fff !important; }

.tit_on{display:none;}
.search {border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:25px 0; margin-bottom:15px; background:#f6f6f6;}
.search p {text-align:center;}
.search input[type="text"] {height:30px; border:1px solid #b5b5b5; width:220px;}
.search select {height:32px; border:1px solid #b5b5b5; margin-right:10px; width:90px;}
.search p label {padding-top:8px; padding-bottom:10px; width:70px; background:#515151; color:#fff; display:inline-block; line-height:14px; margin-right:-4px;}



.board_read {border-top:2px solid #333; width:100%; border-collapse:collapse;  line-height:1.5em;}
.board_read thead th {background:#fafafa; padding:10px 5px 8px;  border:none;  border-bottom:1px solid #e5e5e5; }
.board_read thead th.title {  text-align:center;}
.board_read td {padding:12px 5px 10px; border:0; border-bottom:1px solid #e5e5e5;color:#555;text-align:center; font-size:13px; text-align:left;}
.board_read thead td.rc {font-size:12px;}
.board_read thead td.rc span {background:url(board_line.gif) no-repeat 2px 6px; padding-left:8px; display:inline-block;}
.board_read thead td.rc span:nth-child(1) {background:none; margin:0; padding:0;}
.board_read thead td.rc span strong{ margin-right:5px; color:#000; }
.board_read thead td.attach_list {font-size:12px;}
.board_read thead td.attach_list img {margin-top:2px;}
.board_read tbody th {padding:12px 5px 10px; border:0; border-bottom:1px solid #e5e5e5; color:#555;text-align:center; font-size:13px; text-align:left; background:#fbfbfb;}
.board_read th span.txtc_inreq {color:#ff6600;}
.board_read tbody td input{ border:1px solid #d4d4d4; padding:2px 3px; }
.board_read tbody td textarea{ border:1px solid #d4d4d4; padding:2px 3px; }
.board_read tbody td select {border:1px solid #d4d4d4; padding:5px 3px; }
.board_read tbody td select option {padding:3px 5px; }




/* 게시글 검색 */



.ui-fr{text-align:right; border-top:1px dotted #ccc; padding-top:25px; background:#f1f1f1; padding-bottom:25px; border-bottom:1px dotted #ccc;}


.board_select_box {position: relative; display: inline-block; width: 15%; height: 30px; background: #fff url(/common/images/main/sear_arrow.png) right 50% no-repeat; border: 1px solid #4a75bb;}
.board_select_box select { width:100%; height:30px; line-height:30px; padding: 0 10px; opacity: 0;}
.board_select_box select option{padding:5px 10px; }




.required{height:30px; border:1px solid #b5b5b5; width:300px;}

.ui-fl{margin-top:0; margin-bottom:10px;}


.ui-gallery{text-align:center; margin-bottom:25px;}
.ui-gallery:after {clear:both; display:block; content:"";}
.ui-gallery li{display:inline-block; margin-right:12px; position:relative; margin-bottom:30px;}
/*.ui-gallery li:nth-child(4){ margin-bottom:70px;}
.ui-gallery li:nth-child(8){ margin-bottom:30px;}*/
.ui-gallery li img{height:225px; width:282px; border:1px solid #ccc; display:block;}
.ui-gallery li a img:hover {border:1px solid #707070;}
.ui-gallery li p{margin-top:10px; font-size:17px; font-weight:bold; margin-bottom:3px; color:#333;}
.ui-gallery li a {width:288px; display:block;}
.ui-gallery li a:hover{color:#333;}
.ui-gallery li a:hover p{color:#2987de;}
.ui-gallery li img.ing {position:absolute; right:20px;}

.addr{background:#1f5d97; color:#fff !important; padding:3px 5px; display:inline-block; font-size:12px; border-radius:3px;}

#btn-add-row{background:#eb6f4d; padding:5px 10px; border-radius: 3px;}
#btn-delete-row{background:#666; padding:5px 10px; border-radius: 3px;}

.pm_btn{ display:inline-block;  font-size: 13px; text-align: center; color: #fff; cursor:pointer; margin-top:10px; }
#btn-add-row1{background:#eb6f4d;  padding:5px 10px; border-radius: 3px;}
#btn-delete-row1{background:#666;  padding:5px 10px; border-radius: 3px;}




div.board_search {text-align:center; background:#f6f6f6; margin-bottom:10px; padding:15px; border:1px solid #dedede;}
div.board_search select {height:31px; line-height:31px; padding-left:10px;  font-family:'Nanum Gothic'; /*margin-top:-13px;*/ border:1px solid #ccc;}
div.board_search input {height:30px; line-height:30px; border:1px solid #ccc; width:300px;}
div.board_search input.board_search_btn {background:#0052bd; color:#fff; font-weight:bold; border:none; padding:0px 20px; height:31px; line-height:31px; width:80px;}

div#select_box {position: relative; display:inline-block; width: 15%;	line-height:1; height: 30px; 	background:#fff url(/common/images/main/sear_arrow.png) right 50% no-repeat; 	border:1px solid #4a75bb;}
div#select_box label {position: absolute; font-size: 14px; color: #666; top:7px; left: 12px; }
div#select_box select { width:100%; height:30px; line-height:30px; padding: 0 10px; opacity: 0;}
div#select_box select option{padding:5px 10px; background:#f6f6f6;}

.btop {margin-bottom:5px; text-align:right; display:none;}
.btop span {color:#ff6600;}
.mg_b7 {margin-bottom:7px;}


.tb_board .num{width:7%;}
.tb_board .write{width:8%;}
.tb_board .date{width:13%;}
.tb_board .etc{width:8%;}



table.ui-list{width:100%; margin-bottom:20px; }
table.ui-list th{padding:13px 0 13px; border-top:2px solid #2371c9; border-bottom:1px solid #b3b3b3; border-right:1px solid #dddddd; border-left:1px solid #dddddd; font-weight:bold; background:#f7f7f7; font-size:13px;  font-family: 'Nanum Gothic', sans-serif;}
table.ui-list td{padding:13px 0 13px; border:1px solid #ddd; text-align:center;  font-size:13px;}
table.ui-list td img{vertical-align:middle;}
table.ui-list tbody tr:hover {background:#f9f9f9;}
table.ui-list tr.on{background:#fbfbfb;}
table.ui-list tr.on td,table.board_list tr.on td a{color:#03c;}
table.ui-list tr.on td a.detail_link{border-bottom:1px solid #03c;}
table.ui-list td input{border:1px solid #dddddd; padding:3px 5px;}
table.ui-list td.l{text-align:left;}

.ui-list .num{width:7%;}
.ui-list .write{width:8%;}
.ui-list .date{width:13%;}
.ui-list .etc{width:8%;}



table.type01{width:100%; margin-bottom:20px; }
table.type01 th{padding:13px 0 13px; border-top:2px solid #2371c9; border-bottom:1px solid #b3b3b3; border-right:1px solid #dddddd; border-left:1px solid #dddddd; font-weight:bold; background:#f7f7f7; font-size:13px;  font-family: 'Nanum Gothic', sans-serif;}
table.type01 td{padding:13px 0 13px; border:1px solid #ddd; text-align:center;  font-size:13px;}
table.type01 td img{vertical-align:middle;}
table.type01 tbody tr:hover {background:#f9f9f9;}
table.type01 tr.on{background:#fbfbfb;}
table.type01 tr.on td,table.board_list tr.on td a{color:#03c;}
table.type01 tr.on td a.detail_link{border-bottom:1px solid #03c;}
table.type01 td input{border:1px solid #dddddd; padding:3px 5px;}

 

.ui-dialog {border:1px solid #ccc; background:url(/common/images/sub/com.jpg)no-repeat center 20px #fff; padding-top:115px;}
.ui-widget-content{text-align:center;}
.ui-datepicker-header{background:#2371c9; color:#fff;}
.ui-datepicker-prev, 
.ui-icon-circle-triangle-e{color:#fff; width:48%; display:inline-block;}
.ui-dialog-buttonset{text-align:center;}
.ui-button-text{display:inline-block; margin-bottom:20px; background:#4762b0; color:#fff; padding:5px 10px;}
.ui-dialog-title{font-size:25px; font-weight:bold;}
.ui-icon-closethick{display:none;}
.ui-dialog-content{min-height:40px !important;}

.ui-datepicker-prev:hover, 
.ui-icon-circle-triangle-e:hover{color:#fff; background:#333;}

.ui-datepicker-prev{background:#535353;}
.ui-icon-circle-triangle-e{text-align:right; background:#535353;}

.ui-datepicker-calendar thead th{border:1px solid #ccc; padding:3px;}
.ui-datepicker-calendar tbody td{border:1px solid #ccc; padding:3px;}
.ui-datepicker-title{padding:3px; text-align:center;}

.ui-datepicker-prev span{padding:3px; display:inline-block;}
.ui-datepicker-next span{padding:3px; display:inline-block;}

.board_pager {text-align:center; font-size:13px; position:relative; margin-bottom:30px; clear:both;  line-height:1.5em;}
.board_pager a {border:1px solid #dedede; padding:7px 10px 7px 10px; color:#666; margin:3px;}
.board_pager a span.on {color:#ff0000; font-weight:bold;}


.pageBox {text-align:center; font-size:13px; position:relative; margin-bottom:30px; clear:both;  line-height:1.5em;}
.pageBox a {border:1px solid #dedede; padding:7px 10px 7px 10px; color:#666; margin:3px;}
.pageBox a span.on {color:#ff0000; font-weight:bold;}




.board_pager .bt_gray{background-color:#f8f8f8;}

 

/* 게시글 목록 */
.tb_board {width:100%; border:0; border-collapse:collapse; margin-bottom:40px; line-height:1.5em;}
.tb_board th {padding:10px 5px 8px; border-bottom:1px solid #bcbcbc; border-top:2px solid #333; background:#fafafa;}
.tb_board td {padding:12px 5px 10px; border-bottom:1px solid #e5e5e5;color:#555;text-align:center; font-size:13px;}
.tb_board tr:first-child td {border-top:0}
.tb_board tr:hover,.tb_board tr:active, .tb_board tr:focus {background:#f5f5f5}

.tb_board td.tit {width:auto;}
.tb_board td.r {text-align:right;}


#lec_desc {width:95%; height:300px;}

/* 게시글 읽기 */
.tb_board_read {border-top:2px solid #333; width:100%; border-collapse:collapse;  line-height:1.5em;}
.tb_board_read thead th {border:1px solid #e5e5e5; background:#fafafa; padding:10px 5px 8px; color:#000; font-size:15px;}
.tb_board_read thead th.title {  text-align:center;}
.tb_board_read td {padding:12px 5px 10px; border:0; border:1px solid #e5e5e5; color:#555;text-align:center; font-size:13px; text-align:left;}
.tb_board_read thead td.rc {font-size:12px;}
.tb_board_read thead td.rc span {background:url(board_line.gif) no-repeat 2px 6px; padding-left:8px; display:inline-block;}
.tb_board_read thead td.rc span:nth-child(1) {background:none; margin:0; padding:0;}
.tb_board_read thead td.rc span strong{ margin-right:5px; color:#000; }
.tb_board_read thead td.attach_list {font-size:12px;}
.tb_board_read thead td.attach_list img {margin-top:2px;}
.tb_board_read tbody th {padding:12px 5px 10px; border:0; border:1px solid #e5e5e5; color:#000;text-align:center; font-size:15px; text-align:left; background:#fbfbfb;}
.tb_board_read th span.txtc_inreq {color:#ff6600;}
.tb_board_read tbody td input{ border:1px solid #b1b1b1; padding:2px 3px; height:30px;}
.tb_board_read tbody td select{ border:1px solid #b1b1b1; padding:2px 3px; height:35px;}
.tb_board_read tbody td .nop{ border:1px solid #d4d4d4 !important; padding:5px 3px; margin-bottom:5px;}
.tb_board_read tbody td textarea{ border:1px solid #d4d4d4; padding:2px 3px; }
.tb_board_read select {padding: 5px 3px;}



div.board_read_foot {background:#f6f6f6; margin-bottom:40px;}
div.board_read_foot ul li {border-bottom:1px solid #dedede; padding:12px 5px 10px; font-size:12px; color:#666; }
div.board_read_foot ul li span {margin:0 10px;}
div.board_read_foot ul li span strong {font-size:8px; margin-top:-5px;}

/* 게시글 쓰기 */
.tb_board_write {width:100%; border:0; border-collapse:collapse;  margin-bottom:40px;  line-height:1.5em;}
.tb_board_write thead th {background:#fafafa; padding:10px 5px 8px;  border:none;  border-bottom:1px solid #e5e5e5; }
.tb_board_write thead th.title {border-top:2px solid #333;  text-align:center;}
.tb_board_write tbody th {width:25%; border-right:1px solid #dedede; border-bottom:1px solid #dedede; padding:8px 5px 6px;}
.tb_board_write tbody td {padding:8px 5px 6px; border-bottom:1px solid #dedede; font-size:13px;}
.tb_board_write tbody td input {height:30px; line-height:30px; border:1px solid #ccc; padding:0 10px;}
.tb_board_write tbody td input.file_input {border:0; padding:0}
.tb_board_write tbody td p.copy {color:#ff3300; font-size:12px;}
.tb_board_write tbody td.attach div {margin-bottom:5px;}
.tb_board_write tbody td.attach input {margin-bottom:5px; width:100%;}
.tb_board_write tbody td textarea {width:100%; border:1px solid #ccc;}

/* 게시글 페이징 */
.pageing {text-align:center; font-size:13px; position:relative; margin-bottom:30px; clear:both;  line-height:1.5em;}
.pageing a {border:1px solid #dedede; padding:7px 10px 7px 10px; color:#666; margin:3px;}
.pageing a span.on {color:#ff0000; font-weight:bold;}

/* 갤러리 목록 */
.media_list {position:relative;}
.media_list ul li {background:#f6f6f6; float:left; margin-right:2%; margin-bottom:30px; width:18.4%;  line-height:1.5em;}
.media_list ul li:nth-child(5n) { margin-right:0; }
.media_list ul li a {border:1px solid #dedede; display:block;  padding:9px; }
.media_list ul li a img {width:100%; height:200px;}
.media_list ul li p { font-size:16px; color:#333; font-weight:bold; margin-top:8px; text-align: center;}
.media_list ul li p span { font-size:13px; font-weight:normal; color:#fff; margin-top:20px; padding:10px 0;text-align:center; display:block; background:#4a0000;}


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

.media_list ul li {width:49%;}
/*.media_list ul li:nth-child(5n) { margin-right:2%; }*/
.media_list ul li:nth-child(2n) { margin-right:0; }

}
.mo {display:none;}
.pad{display:none;}
.mob {display:inline-block;}
.dis {position:absolute; left: -9999px; width: 1px;height: 0px;margin: 0;padding: 0;border: 0;text-indent: -9999em;background: none;font-size: 1px;line-height: 1px;}

/* 게시글 버튼*/
div.board_btn { margin-top:30px;}
div.board_btn a {padding:0px 15px 0px 28px; border:1px solid #dedede; font-size:13px; border-radius:2px; font-weight:bold; background-color:#f2f2f2; display:inline-block; margin-bottom:5px; line-height:36px; display:inline-block;}
div.board_btn a.c01 {background:url(/common/images/cmm/btn_icon.png) no-repeat 0px 2px; }
div.board_btn a.c02 {background:url(/common/images/cmm/btn_icon.png) no-repeat 0px -26px; }
div.board_btn a.c03 {background:url(/common/images/cmm/btn_icon.png) no-repeat 0px -56px; }
div.board_btn a.c04 {background:url(/common/images/cmm/btn_icon.png) no-repeat 0px -86px; }
div.board_btn a.c05 {background:url(/common/images/cmm/btn_icon.png) no-repeat 0px -117px; }
div.board_btn a.c06 {background:url(/common/images/cmm/btn_icon.png) no-repeat 0px -146px; }
div.board_btn a.c07 {background:url(/common/images/cmm/btn_icon.png) no-repeat 0px -177px; }
div.board_btn a.c08 {background:url(/common/images/cmm/btn_icon.png) no-repeat 0px -207px; }
div.board_btn a.c09 {background:url(/common/images/cmm/btn_icon.png) no-repeat 0px -237px; }
div.board_btn a:hover {background-color:#f6f6f6;}


div.board_btn input {color:#333 !important; padding:0px 12px 0px 25px; border:1px solid #dedede; font-size:13px; border-radius:2px; font-weight:bold; background-color:#f2f2f2; display:inline-block; margin-bottom:5px;  line-height:35px; display:inline-block;  }
div.board_btn input.c01 {background:url(/common/images/cmm/btn_icon.png) no-repeat 0px 2px; }
div.board_btn input.c02 {background:url(/common/images/cmm/btn_icon.png) no-repeat 0px -26px; }
div.board_btn input.c03 {background:url(/common/images/cmm/btn_icon.png) no-repeat 0px -56px; }
div.board_btn input.c04 {background:url(/common/images/cmm/btn_icon.png) no-repeat 0px -86px; }
div.board_btn input.c05 {background:url(/common/images/cmm/btn_icon.png) no-repeat 0px -117px; }
div.board_btn input.c06 {background:url(/common/images/cmm/btn_icon.png) no-repeat 0px -146px; }
div.board_btn input.c07 {background:url(/common/images/cmm/btn_icon.png) no-repeat 0px -177px; }
div.board_btn input.c08 {background:url(/common/images/cmm/btn_icon.png) no-repeat 0px -207px; }
div.board_btn input.c09 {background:url(/common/images/cmm/btn_icon.png) no-repeat 0px -237px; }
div.board_btn input:hover {background-color:#f6f6f6;}


/**/

.bul_red li{background:url(/common/images/sub/bul_red.jpg)no-repeat 0 10px; padding-left:8px;}
.bul_green li{background:url(/common/images/sub/bul_green.jpg)no-repeat 0 10px; padding-left:8px;}
.bul_orange li{background:url(/common/images/sub/bul_orange.jpg)no-repeat 0 10px; padding-left:8px;}
.bul_mint li{background:url(/common/images/sub/bul_mint.jpg)no-repeat 0 10px; padding-left:8px;}
.bul_violet li{background:url(/common/images/sub/bul_violet.jpg)no-repeat 0 10px; padding-left:8px;}
.bul_blue li{background:url(/common/images/sub/bul_blue.jpg)no-repeat 0 10px; padding-left:8px;}



h3.h3 {font-size:22px; line-height:28px; font-weight:bold; background:url(/common/images/sub/h3.jpg)no-repeat 0 2px; padding-top:13px; margin-bottom:18px;}
h4.h4 {font-size:17px; font-weight:bold; line-height:23px; margin-bottom:9px; color:#4762b0;}

h3.h3_2{font-size:30px; font-weight:bold; text-align:center; color:#4762b0; margin-bottom:30px;}

ul.bul_01 li{background:url(/common/images/sub/bul_01.jpg)no-repeat 0 12px; padding-left:10px; line-height:28px;}
ul.bul_02 li{background:url(/common/images/sub/bul_02.jpg)no-repeat 0 15px; padding-left:10px; line-height:28px;}
ul.bul_03 li{line-height:28px;}
ul.bul_03 li ul li{padding-left:10px;}

h4{font-size:17px; font-weight:bold; line-height:23px; margin-bottom:9px;}





/*설립취지문*/

.docu{border:1px solid #ccc; box-shadow:5px 5px #eaeaea; width:900px; text-align:center; margin:0 auto;}
.docu_wrap{padding:0 90px; word-break: keep-all;}
.docu_title{background:url(/common/images/sub/docu_01.png)no-repeat center 64px; padding-top:159px; margin-bottom:50px;}
.docu_txt{background:url(/common/images/sub/docu_03.png)no-repeat center 0; padding-top:55px; line-height:24px; margin-bottom:40px;}
.docu p{display:inline-block; margin-bottom:90px; font-size:17px; font-weight:bold;}


/* 연혁 */
.list-cont{padding-top:10px;}
.div-cont{margin-top:70px;}
.history{position:relative; background:url(/common/images/sub/his_bg_line.jpg) repeat-y 50% 0;}
.history:before{display:inline-block;content:""; position:absolute; left:49.5%; bottom:2px; margin-left:-2px; width:17px; height:17px; /*background:url(/common/images/sub/his_bg_bul.png)no-repeat;*/}
.history .history-list{position:relative;}

.history .history-list h3{position:absolute; left:50%; top:-15px;margin-top:0; margin-left:31px; padding-top:0;font-size:45px; color:#c00303;}


.history .history-list h3:before{display:inline-block;content:"";position:absolute; right:134px; top:5px; width:11px;height:13px; background:url(/common/images/sub/his_arr_01.png)no-repeat;}
.history .history-list.even h3:before{right:auto; left:138px; width:11px;height:13px; background:url(/common/images/sub/his_arr_02.png)no-repeat;}

.history .history-list.even h3{right:auto; right: 50%; margin-left:-143px;}


.history .history-list .list{margin:0;margin-left:50%;padding-left:4%;width:46%;}
.history .history-list.even .list{margin-right:50%;margin-left:0;padding-left:0;padding-right:4%;text-align:right;}
.history .history-list.even .list:after{display:block;content:"";clear:both;visibility:hidden;}
.history .history-list.even .list span{float:right;margin-right:0;margin-left:10px;}
.history .history-list{margin-top:20px; border-top:0;}
.history .history-list .list{padding-top:40px; line-height:26px;}
.history .history-list .list li{margin-left:58px;}
.history .history-list.even .list li{margin-left:0; margin-right:60px;}
.history .history-list .list li span{margin-left:-70px; margin-right:13px;}
.history .history-list.even .list li span{margin-right:-70px;margin-left:13px;}
.history .history-list .list li span:before{display:none;}

.history .history-list .history_inner_img{position:absolute;right:55%;top:50px;margin-top:0;width:100%;background-position:right top;}
.history .history-list.even .history_inner_img{right:auto;left:55%;}

.history .history-list .inner_img{position:absolute;top:30px;right:55%;}
.history .history-list.even .inner_img{right:auto;left:55%;}

.history .history-list .list li span {color:#117700;}

.his_n01 {background:url(/common/images/sub/his_01.jpg)no-repeat 34% 40px;}
.his_n02 {background:url(/common/images/sub/his_02.jpg)no-repeat 66% 48px;}
.his_n03 {background:url(/common/images/sub/his_03.jpg)no-repeat 34% 48px;}
.his_n04 {background:url(/common/images/sub/his_04.jpg)no-repeat 66% 48px;}
.his_n05 {background:url(/common/images/sub/his_05.jpg)no-repeat 41% 10px;}



/*탭*/
.sub_tab{margin-bottom:30px;}
.sub_tab ul li{float:left;}
.sub_tab ul li a.on{background:#026781; color:#fff;}
.sub_tab li a{border:1px solid #ccc; display:block; padding:13px 0; text-align:center;}
.sub_tab li a:hover {background:#026781; color:#fff;}

.sub_tab li div{margin-right:5px;}
.sub_tab li:last-child div{margin-right:0 !important;}

.tab03 li{display:block; width:33.33333333333333%}
.tab02 li{display:block; width:50%}


/**/
.saup_top{position: relative; margin: 5px 0 15px; padding: 4px; text-align: center; background:#fff url(/common/images/sub/top_pattern.png)repeat; line-height:23px;}
.saup_top div.saup_bg {position: relative; padding: 15px; background-color: #fcf7f7; text-align: center;}



/*테이블*/
table.t01 {width:100%; }
table.t01 thead th{ border-top:1px solid #5c81c6; background:#f1f5fc;}
table.t01 th {/*background:#f9f9f9;*/  text-align:center; padding:13px 0px 10px 0px; border:1px solid #e4e4e4; color:#1345b2;  text-align:center;}
table.t01 td {padding:8px 3px 6px 5px; border:1px solid #e4e4e4;  text-align:center;}
table.t01 td.text{background:#fcfcfc;  padding:8px 3px 6px 5px; border:1px solid #e4e4e4;  text-align:center;font-weight:bold;}
table.t01 td.tit {font-weight:bold; text-align:center;}


/*오시는 길*/
.root_daum_roughmap .wrap_controllers {display:none;}
.root_daum_roughmap_landing{width:100% !important;}

.map_bottom{background:#595959 url(/common/images/sub/map_01.png)no-repeat 20px 13px; color:#fff; line-height:24px; padding:10px 10px 10px 43px;}
.subway{border-bottom:1px solid #dddddd; margin-top:30px; background:url(/common/images/sub/subway.png)no-repeat; padding-bottom:10px;}
.subway div{padding:15px 0 30px 130px}
.subway_h3{font-weight:bold; font-size:22px; margin-bottom:10px; color:#3a7bc4;}

.bus{border-bottom:1px solid #dddddd; margin-top:30px; background:url(/common/images/sub/bus.png)no-repeat; padding-bottom:10px;}
.bus div{padding:15px 0 30px 130px}
.bus_line{border-bottom:1px dotted #dddd; margin-bottom:30px;}
.bus_line li:nth-child(3){padding-bottom:30px;}


/*사업소개 top*/
.ui{overflow:hidden;position:relative;width:100% }
.uit{position:relative;margin-bottom:20px;background:#f1f3f5;overflow:hidden;  line-height:23px; }
.uit:before{content:"";position:absolute;top:0;left:0;width:100%;height:30px;background:#6bc5e0;}
.uit:after{content:"";position:absolute;top:0;left:0;width:180px;height:30px;background:#f89c1c;}
.uit .inner {position:relative;z-index:1;margin:3px; padding:40px 40px; background-color:#fff;}
.uit .inner h2,
.uit .inner strong {display:block;margin-top:0;padding-top:6px; font-size:1.42em;line-height:1.3;color:#2A60D3;font-weight:normal;}
.uit .inner p{padding:5px 0; font-size:15px; line-height:28px;}
.uit .inner div{font-size:25px; font-weight:bold; color:#c10000; margin-bottom:18px; margin-top:10px;}

.icowrap01{background:url(/common/images/sub/jh_01.png)no-repeat right bottom, url(/common/images/sub/jh_bg.png)no-repeat right center;}
.icowrap02{background:url(/common/images/sub/jh_02.png)no-repeat right bottom, url(/common/images/sub/jh_bg.png)no-repeat right center;}
.icowrap03{background:url(/common/images/sub/jh_03.png)no-repeat right bottom, url(/common/images/sub/jh_bg.png)no-repeat right center;}
.icowrap04{background:url(/common/images/sub/jh_04.png)no-repeat right bottom, url(/common/images/sub/jh_bg.png)no-repeat right center;}



/**/
.mob{display:none;}





/*정관*/
.line_01{border-bottom:1px dotted #d4d4d4; padding-bottom:20px;}
.line_02{border-bottom:1px solid #424242; padding-bottom:70px;}
.box{background:#f6f6f6; padding:20px; border-radius:10px; border:1px solid #e4e4e4;}
.his_ul li{float:left; width:33.33333333333333%; line-height:23px; text-align:center;}





/*인사말*/
.intro{background:url(/common/images/sub/intro_02.jpg)no-repeat right 55px;}
.intro_title{font-size:40px; font-weight:bold; color:#d56420; line-height:45px; background:url(/common/images/sub/intro_01.jpg)no-repeat; padding:37px 0 0 31px;}
.intro_text{word-break: keep-all; width:48.33333333333333%; padding:53px 0 0 31px;}
.intro p{padding:30px 0 0 31px;}



/*기부자세제혜택*/
.give_box{border:1px solid #e3e4e8; height:211px; margin-bottom:50px;}
.give_box div{ background:url(/common/images/sub/give_bg_2.jpg)no-repeat left 0, url(/common/images/sub/give_pt.jpg)repeat; height:211px; background-size:40% 211px, auto auto;}
.give_box div p{padding-left:45%;}
.give_box div p:nth-child(1){color:#666; padding-top:70px;}
.give_box div p:nth-child(2){font-size:24px; margin-top:5px; line-height:32px;  padding-right:20px;}
.give_box div p:nth-child(2) span{font-weight:bold; color:#1ba4eb;}

.give_icon div{padding-left:130px;}
.give_icon div:nth-child(1){background:url(/common/images/sub/give_icon01.jpg)no-repeat 0 center; margin-bottom:70px;}
.give_icon div:nth-child(2){background:url(/common/images/sub/give_icon02.jpg)no-repeat; padding-bottom:10px; margin-bottom:70px;}
.give_icon div:nth-child(3){background:url(/common/images/sub/give_icon03.jpg)no-repeat 10px center;}


/*기부참여안내*/
.cms_box{background:#f6f6f6; border-radius:10px; padding:20px;}
.bs{background:url(/common/images/sub/bs.jpg)no-repeat 0 3px; padding-left:46px;}
.nh{background:url(/common/images/sub/nh.jpg)no-repeat 0 3px; padding-left:37px;}
.give_btn{background:#7ba300 url(/common/images/sub/give_down.png)no-repeat 12px 7px; padding:5px 13px 5px 37px; display:inline-block; color:#fff !important;}
.give_btn:hover{background:#6b8e00 url(/common/images/sub/give_down.png)no-repeat 12px 7px;}





/*기부참여안내*/
.money_left{float:left; width:21%;}
.money_right{float:left; width:79%;}

.money_01 div.money_col{width:20%; float:left;  text-align:center; color:#fff; }
.money_01 div.money_col div{ margin-right:5px; padding:60px 10px 10px 10px; line-height: 20px; word-break: keep-all;}
.money_01 div.money_col:nth-child(1) div{background:#cc5141 url(/common/images/sub/money_01.png)no-repeat center 15px;}
.money_01 div.money_col:nth-child(2) div{background:#cc7241 url(/common/images/sub/money_02.png)no-repeat center 15px;}
.money_01 div.money_col:nth-child(3) div{background:#488f4c url(/common/images/sub/money_03.png)no-repeat center 15px;}
.money_01 div.money_col:nth-child(4) div{background:#1b85c2 url(/common/images/sub/money_04.png)no-repeat center 15px; margin-right:0;}

.money_line{border-bottom:1px dotted #ccc; margin-bottom:30px;}
.money_br{display:block;}
.mn_con{  padding-bottom:6px; font-weight:bold;}
.mn_con01{background:url(/common/images/sub/mcon_01.jpg)no-repeat 0 0; background-size:25px; padding-left:35px;}
.mn_con02{background:url(/common/images/sub/mcon_02.jpg)no-repeat 0 0; background-size:26px; padding-left:35px;}
.mn_con03{background:url(/common/images/sub/mcon_03.jpg)no-repeat 0 0; background-size:20px; padding-left:30px;}
.mn_con04{background:url(/common/images/sub/mcon_04.jpg)no-repeat 0 0; background-size:22px; padding-left:30px;}
.mcon ul li{padding-left:0 !important;}


.money_round li{line-height:24px !important; float:left; width:50%; padding-left:0 !important; margin-bottom:5px; }
.money_round li div{margin-right:5px; padding:7px 10px 7px 40px; border-radius:7px; color:#fff;}
.money_round li:nth-child(1) div{background:#33b387 url(/common/images/sub/money_round01.png)no-repeat 10px center;}
.money_round li:nth-child(2) div{margin-right:0; background:#74b924 url(/common/images/sub/money_round02.png)no-repeat 10px center;}
.money_round li:nth-child(3) div{background:#2478b9 url(/common/images/sub/money_round03.png)no-repeat 10px center;}

.money_02 div.money_col{width:30%; float:left;  text-align:center; color:#fff; }
.money_02 div.money_col div{ margin-right:10px; padding:50px 10px 10px 10px; line-height: 20px; word-break: keep-all;}
.money_02 div.money_col:nth-child(1) div{background:#cc5141 url(/common/images/sub/mcon2_01.png)no-repeat center 12px;}
.money_02 div.money_col:nth-child(2) div{background:#cc7241 url(/common/images/sub/mcon2_02.png)no-repeat center 12px;}
.money_02 div.money_col:nth-child(3) div{background:#488f4c url(/common/images/sub/mcon2_03.png)no-repeat center 12px; margin-right:0;}

.money_br2{display:block;}

.mint_box{background:#33b387; display:inline-block; padding:3px 10px; margin-right:5px; color:#fff; margin-bottom:5px;}
.yg_box{background:#74b924; display:inline-block; padding:3px 10px; color:#fff;}
.money_mn01{background:url(/common/images/sub/mn_01.jpg)no-repeat 0 10px;}
.money_mn01 ul{padding-left:75px;}



/*기부현황*/
.give_bg{background:url(/common/images/sub/give_bg.jpg)no-repeat 0 bottom; padding-top:100px; height:320px; margin-bottom:30px;}
.give_bg .counter{text-align:center; display:inline-block; margin-top:20px; padding:10px 20px; color:#fff; font-size:28px; font-weight:bold; background:#578d30; background-size:25px;}


.give_left{float:left; width:50%;}
.give_right{float:left; width:50%;}
.give_title{font-size:33px; color:#000055; font-weight:bold; margin-top:2px;}
.give_title span{color:#9198cc;}
.give_left p{font-size:17px; margin-top:15px;}



.pic01{background:url(/common/images/sub/pic01.jpg)no-repeat; padding-left:320px;}
.pic02{margin-left:10px;}
.pic02 ul li{float:left; text-align:center; width:20%}
.pic02 ul li div{ margin-right:10px; border:1px solid #ccc; padding:10px 10px 6px 10px; margin-bottom:10px; }
.pic02 ul li p{padding-top:3px;}
.pic02 ul li img{width:100%; height:130px;}
.pic02 ul li:last-child div{ margin-right:0;}
.pic03{background:url(/common/images/sub/pic07.jpg)no-repeat; padding-left:320px; padding-bottom:40px;}

.pic04{margin-left:10px;}
.pic04 ul li{float:left; text-align:center; width:25%;}
.pic04 ul li div{ margin-right:10px; border:1px solid #ccc; padding:10px 10px 7px 10px; margin-bottom:10px; }
.pic04 ul li:last-child div{ margin-right:0;}
.pic04 ul li p{padding-top:6px; line-height: 20px;}
.pic04 ul li img{width:100%; height:130px;}





/******************************************************************************************
	Pad Style
*******************************************************************************************/
@media all and (max-width:1199px){



/*기부현황*/
.give_bg{text-align:center; background:url(/common/images/sub/give_bg.jpg)no-repeat center bottom; padding-top:0;}
.give_left{float:none; width:100%;}
.give_right{float:none; width:100%;}


/*기부참여안내*/

.money_01 div.money_col{width:25%;}
.money_01 div.money_col div{margin-right:5px;}
.money_br{display:block;}

.money_02 div.money_col{width:30%; float:left;  text-align:center; color:#fff; }
.money_02 div.money_col:nth-child(3) {width:40%; letter-spacing:-0.5px; }
.money_02 div.money_col div{margin-right:10px;}



.pad{display:block;}
.comment textarea {width:99.6%;}





/*동영상*/
.vod{float:none; text-align:center; margin-right:0; }
.subtitles {margin-top:20px; float:none; width:100%; height:360px;}

.multi_con{background:url(/common/images/sub/multi.jpg)no-repeat center 0; margin-bottom:20px; text-align:center;}
.multi_con p{padding-left:0; }
.multi_con p:nth-child(1){padding-top:100px; font-size:63px; color:#93c34d; font-weight:bold;}
.multi_con p:nth-child(2){color:#787878; margin-top:20px;}


/*연혁*/
.his_n01 {background:none;}
.his_n02 {background:none;}
.his_n03 {background:none;}
.his_n04 {background:none;}
.his_n05 {background:none;}


/*사업소개 Top*/
.uit .inner{padding: 40px 300px 40px 40px;}
.br_mob{display:none;}

.icowrap01{background:url(/common/images/sub/jh_01.png)no-repeat right bottom; }
.icowrap02{background:url(/common/images/sub/jh_02.png)no-repeat right bottom; background-size:350px;}
.icowrap03{background:url(/common/images/sub/jh_03.png)no-repeat right bottom; background-size:350px;}
.icowrap04{background:url(/common/images/sub/jh_04.png)no-repeat right bottom; background-size:320px;}


/**/
.pic02 ul li{width:33.33333333333333%;}
.pic02 ul li:nth-child(3) div{margin-right:0;}
.pic02 ul li:last-child div{margin-right:10px;}


}


/******************************************************************************************
	Mobile Style
*******************************************************************************************/
@media all and (max-width:767px){


/*모바일 가로 스크롤*/
::-webkit-scrollbar {width:3px; height:4px; border: 3px solid #fff; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background: url('./images/bg.png') #efefef}
::-webkit-scrollbar-track {background: #efefef; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}
::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}



/*기부현황*/
.give_bg{height:300px;}
.give_title{font-size:25px;}
.give_left p {font-size: 14px; margin-top:10px;}
.give_bg{background: url(/common/images/sub/give_bg.jpg)no-repeat center bottom; background-size:100% 160px;}



/*기부참여안내*/
.money_left{float:none; width:100%;}
.money_right{float:none; width:100%;}
.money_01 div.money_col {width: 50%;}
.money_01 div.money_col div {margin-right:5px; margin-top:5px;}
.money_01 div.money_col:nth-child(2) div{margin-right:0;}
.money_round li{float:none; width:100%;}
.money_round li div {margin-right:0;}

.money_02 div.money_col{width:100%; float:none;  text-align:left; color:#fff; }
.money_02 div.money_col:nth-child(3) {width:100%; letter-spacing:1px;}
.money_02 div.money_col div {margin-right:0; margin-top:8px; padding: 15px 10px 15px 55px;}

.money_02 div.money_col:nth-child(1) div{background:#cc5141 url(/common/images/sub/mcon2_01.png)no-repeat 20px center; background-size:25px; }
.money_02 div.money_col:nth-child(2) div{background:#cc7241 url(/common/images/sub/mcon2_02.png)no-repeat 20px center; background-size:28px;}
.money_02 div.money_col:nth-child(3) div{background:#488f4c url(/common/images/sub/mcon2_03.png)no-repeat 20px center; background-size:25px;}

.money_mn01{background:none;}
.money_mn01 ul{padding-left:0;}


.money_br2{display:none;}



/*동영상*/
.vod video {width:300px; height: 230px;} 
.subtitles{margin-top:10px;}

.multi_con{background:url(/common/images/sub/multi.jpg)no-repeat center 0; margin-bottom:20px;}
.multi_con p{padding-left:0; }
.multi_con p:nth-child(1){padding-top:90px; font-size:40px; color:#93c34d; font-weight:bold;}
.multi_con p:nth-child(2){color:#787878; margin-top:10px;}






.board_read colgroup{display:none;}
.tb_board colgroup{display:none;}

.ui-fr input[type="submit"] {margin-right:0;}

.search {border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:25px 0; margin-bottom:15px; background:#f6f6f6;}
.search p {text-align:center;}
.search input[type="text"] {height:30px; border:1px solid #b5b5b5; width:220px;}

.search select {height:32px; border:1px solid #b5b5b5; margin-right:10px; width:90px;}
.search p label {padding-top:8px; padding-bottom:10px; width:70px; background:#515151; color:#fff; display:inline-block; line-height:14px; margin-right:-4px;}





.ui-fr{text-align:center; margin-bottom:15px;}
.required{width:100px;}
.ui-fl{ display:none;}



.ui-gallery li{margin-right:0;}

.academy > li{float:none; width:100%; margin-right:0; }
.academy > li:nth-child(even){float:none;}



/* 게시글 검색 */
div.board_search input {height:30px; line-height:30px; border:1px solid #ccc; width:150px;}
div.board_search input.board_search_btn { width:70px;}




/* 게시글 목록 */
.tb_board .mdn {display:none; *width:0;}
.type01 .mdn {display:none; *width:0;}
.ui-list .mdn {display:none; *width:0;}
.board_read .mdn {display:none;}
.tb_board_read colgroup{display:none;}

.wps_10 {width:20%;}
.wps_15 {width:30%;}
.wps_20 {width:30%;}


/* 게시글 페이징 */
.pageing {text-align:center; font-size:13px; position:relative;}
.pageing a.pre_btn {position:absolute; top:-5px; left:0;}
.pageing a.next_btn {position:absolute; top:-5px; right:0;}
.pageing strong {color:#ff0000; font-weight:bold;}



.pageing{display:none;}
.pageing a {border:0; padding:0;}


.pageing_btn {
    border: 1px solid #dedede !important;
    padding: 7px 10px 7px 10px !important;
    color: #666 !important;
    margin: 3px !important;
	display:block;
}




.mob_n{display:none;}




/* 갤러리 목록 */
.media_list {position:relative;}
.media_list ul li {background:#f6f6f6; float:left; margin-right:0%; margin-bottom:30px; width:50%;}
.media_list ul li:nth-child(2), .media_list li:nth-child(4), .media_list li:nth-child(8) { margin-right:0; }
.media_list ul li a {border:1px solid #dedede; display:block;  padding:9px; }
.media_list ul li a img {width:100%; height:150px;}
.media_list ul li p { font-size:13px; color:#333; font-weight:bold; margin-top:8px; }
.media_list ul li p span { font-size:12px; font-weight:normal; /*color:#767676;*/ margin-top:30px; text-align:center; display:block;}

div.tabmenu02 {display:none;}
div.tabmenu02mo {display:block; text-align:center; background:#fff; border:1px solid #dedede; border-radius:0px 0px 3px 3px; border-top:0; padding:10px; margin-bottom:30px;}
div.tabmenu02mo select {height:30px; line-height:30px; width:100%;}

.mo  {display:inline-block;}
.mob {display:none;}



.nor{display:none;}
.mob{display:block;}









.login_wrap {width:100%;}
.login_r{margin-right:0; margin-bottom:10px;}


.login_icon{background:url(/common/images/sub/login.jpg)no-repeat center 0; }
.login_icon div{margin-left:0; text-align:center; padding-top:130px;}
.login_icon div p{line-height:23px;}
.nh3{background:none !important;}




/*설립취지문*/
.docu_wrap{padding:0 20px;}



/* 연혁 */
.list-cont{padding-top:0;}
.history{position:static; background:url(/common/images/sub/his_bg_line.jpg) repeat-y 10px 0;}
.history .history-list h3{left:11px; margin-left: 23px;}
.history .history-list .list {width:90%; margin-left:12px;}
.history .history-list.even h3 {margin-left:20px; right:0;}
.history .history-list.even .list{text-align:left; padding-left:4%;}
.history .history-list.even .list li span {margin-right:0;}
.history .history-list .list li{margin-left:0;}
.history .history-list.even .list li{padding-left:13px; margin-right:0;}
.history .history-list.even .list span{float:none;}
.history .history-list.even h3:before{background: url(/common/images/sub/his_arr_01.png)no-repeat; left:-25px;}
.history .history-list{margin-top:50px;}
.history:before {background:none;}
.h3_first .list{padding-top:30px !important;}
.history .history-list .list li span{margin-left:0; color:#117700; margin-right:0;}
.history .history-list h3:before{right:125px;}




/*오시는 길*/

.subway{background:url(/common/images/sub/subway.png)no-repeat; background-size:47px; padding-bottom:20px;}
.subway_h3{padding:12px 0 10px 60px;}
.subway div{padding:0}
.subway_h3{font-weight:bold; font-size:22px; margin-bottom:20px;}

.bus{margin-top:20px; background:url(/common/images/sub/bus.png)no-repeat; background-size:47px;}
.bus div{padding:0;}
.bus_line{border-bottom:1px dotted #dddd; margin-bottom:20px;}
.bus_line li:nth-child(3){padding-bottom:20px;}

.n_subway{padding:0 !important;}






/*정관*/
.his_ul li{float:left; width:50%; line-height:23px; text-align:center;}

table.t01 .t01_nn{display:none;}


/*인사말*/
.intro{background:url(/common/images/sub/intro_02.jpg)no-repeat center 0; background-size:300px;}
.intro_title{background:none; padding:230px 0 0 0; text-align:center; font-size:30px; line-height:35px;}
.intro_text{width:100%; padding:25px 0 0 0; text-align:center;}
.intro p{padding:30px 0 0 0; text-align:center;}




/*기부자세제혜택*/
.give_box{border:1px solid #e3e4e8; height:290px;}
.give_box div{ background:url(/common/images/sub/give_bg_2.jpg)no-repeat 0 top, url(/common/images/sub/give_pt.jpg)repeat; height:290px; background-size:100% 150px, auto auto;}
.give_box div p{padding-left:20px; text-align:center;}
.give_box div p:nth-child(1){color:#666; padding-top:170px;}



.give_icon div{padding-left:0; padding-top:70px;  padding-bottom:20px;}
.give_icon div:nth-child(1){background:url(/common/images/sub/give_icon01.jpg)no-repeat center 0; background-size:55px; margin-bottom:30px; border-bottom:1px dotted #ccc;}
.give_icon div:nth-child(2){background:url(/common/images/sub/give_icon02.jpg)no-repeat center 0;   padding-bottom:20px; background-size:55px; margin-bottom:30px; border-bottom:1px dotted #ccc;}
.give_icon div:nth-child(3){background:url(/common/images/sub/give_icon03.jpg)no-repeat center 0;  background-size:45px;}



/*사이트맵*/
.site_map{width:100%; float:none;}
.site_map_pad{margin-right:0;}

/*탭*/
.sub_tab li div{margin-right:5px;}



/*사업소개 Top*/
.uit .inner p{padding: 5px 0 60px 0;}
.uit .inner{padding: 25px 25px;}

.icowrap01{background:url(/common/images/sub/jh_01.png)no-repeat right bottom; background-size:150px;}
.icowrap02{background:url(/common/images/sub/jh_02.png)no-repeat right bottom; background-size:170px;}
.icowrap03{background:url(/common/images/sub/jh_03.png)no-repeat right bottom; background-size:200px;}
.icowrap04{background:url(/common/images/sub/jh_04.png)no-repeat right bottom; background-size:150px;}

.guide_txt {border:1px solid #ccc; background:#f8f8f8 url(/common/images/sub/bi_icon.jpg)no-repeat center 50px; padding:160px 0 0 0; width:95%; height:90px; border-radius:10px;}




/**/
.pic01{background:url(/common/images/sub/pic01.jpg)no-repeat; padding-left:0; padding-top:205px;}
.pic02 ul li{width:50%;}
.pic02 ul li:nth-child(2) div{margin-right:0;}
.pic02 ul li:nth-child(3){display:none;}
.pic02 ul li:nth-child(4){display:none;}
.pic02 ul li:nth-child(5){display:none;}
.pic03{background:url(/common/images/sub/pic07.jpg)no-repeat; padding-left:0; padding-top:205px;}

.pic04 ul li{width:50%;}
.pic04 ul li:nth-child(2n) div{ margin-right:0;}

}








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

.money_01 div.money_col{width:100%; text-align:left;}
.money_01 div.money_col div{margin-right:0; padding:12px 10px 12px 40px; line-height:21px;}

.money_01 div.money_col:nth-child(1) div{background:#cc5141 url(/common/images/sub/money_01.png)no-repeat 10px center; background-size:24px;}
.money_01 div.money_col:nth-child(2) div{background:#cc7241 url(/common/images/sub/money_02.png)no-repeat 7px center; background-size:26px;}
.money_01 div.money_col:nth-child(3) div{background:#488f4c url(/common/images/sub/money_03.png)no-repeat 11px center; background-size:20px;}
.money_01 div.money_col:nth-child(4) div{background:#1b85c2 url(/common/images/sub/money_04.png)no-repeat 12px center; background-size:17px;}

.money_br{display:none;}
}





/*
#page_visual				{  text-align: center; background: #fff; z-index:100; }*/

/*section#contents			{ position: relative; width: 1000px; margin: 196px auto 0 auto;}*/




/**********************************************************
	button Style 
**********************************************************/

.buttonBox		{ text-align: right; margin: 10px 0; clear: both; }

input[type="button"] {
    background: url('/common/images/cmm/bak_white_btn.png') repeat-x scroll 0 0 transparent;
    border: 1px solid #cccccc;
    color: #555555;
	text-shadow: 0 1px 0 #FFFFFF;
	box-shadow: 0 1px 0 0 #FFFFFF;
	-webkit-box-shadow:0 1px 0 0 #FFFFFF;
}

input[type="submit"], input.ui-btn-submit {
    background: url('/common/images/cmm/bak_blue_btn.png') repeat-x scroll 0 0 transparent;
    border: 1px solid #41597c;
    color: #FFFFFF;
}

input[type="button"],
input[type="submit"] {
    cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 16px;
    padding: 4px 16px 4px;
    text-transform: uppercase;
	border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
	margin-left:5px;
	text-decoration:none;
	font-size:11px;
	display:inline-block;

}

input[type="button"]:hover,
input[type="submit"]:hover	{ background-position:bottom; }

input[type="button"]:active,
input[type="submit"]:active{ background-position:center; }

input[type="button"].ui-btn-auth		{ padding: 0; width: 20px; height: 20px; margin-left: 0px; background: url('/common/images/cmm/sprites_btn.gif') no-repeat -1370px 0; text-indent: -9000px; overflow: hidden; border: none; }
input[type="button"].ui-btn-modify		{ padding: 0; width: 20px; height: 20px; margin-left: 0px; background: url('/common/images/cmm/sprites_btn.gif') no-repeat -189px 0; text-indent: -9000px; overflow: hidden; border: none; }
input[type="button"].ui-btn-del			{ padding: 0; width: 20px; height: 20px; margin-left: 0px; background: url('/common/images/cmm/sprites_btn.gif') no-repeat -214px 0; text-indent: -9000px; overflow: hidden; border: none; }




.clearfix{display:block;}
.none-cap{display:none;}




.role { overflow:hidden; margin-top:20px; }
.role>li { position:relative; padding:25px; height:190px; float:left; margin-left:23px; width:195px; background:url('/common/images/sub/pattern_p.jpg'); box-sizing:border-box; transition:all 0.5s ease; }
.role>li:after { position:absolute; z-index:3; display:block; content:''; top:48px; right:-29px; width:29px; height:9px; background:url('/se/images/sub/role_dot.png') no-repeat; }
.role>li:first-child { margin-left:0px; }
.role>li:last-child:after { display:none; }
.role>li p { color:#ffffff; word-break:keep-all; }
.role>li p.tit { margin-bottom:20px;  text-align: center; border-bottom:1px solid #fff; padding-bottom:15px; background:url('/se/images/sub/role_bar.jpg') no-repeat left bottom; font-size:20px; line-height:30px; }
.role>li .con { font-weight:300;  text-align: center;}
.role>li .con a{ color:#fff;}
.role>li p span { display:block; }
.role>li .con li { margin-bottom:15px; color:#ffffff !important; padding-left:11px; background:url('/se/images/sub/role_blet.jpg') no-repeat left 13px; font-size:14px; font-weight:400; word-break:keep-all; letter-spacing:-1px; }

.role.long>li { min-height:653px; }



@media all and (max-width:767px){
	.role>li { position:relative; padding:25px; height:165px; float:none; margin-left:0px; width:100%; margin-bottom:10px;}

}


#wrap{position:relative; width:560px; margin:0 auto; padding-top:0px;}

#login_box{position:relative;  border:1px solid #d2d2d2; background:#fff; padding:50px; margin-bottom:20px;}

p.copyright{font-size:12px; font-weight: normal;}

#login_box input[type='text']{width:100%; border:1px solid #ccc; height:45px; padding:10px; box-sizing:border-box; margin-bottom:8px;}
#login_box input[type='password']{width:100%; border:1px solid #ccc; height:45px; padding:10px; box-sizing:border-box; margin-bottom:8px;}
#login_box input[type='submit']{width:100%; border:1px solid #00214e; height:45px; padding:10px; box-sizing:border-box; margin-bottom:8px; background:#002e6d; color:#fff; font-weight: bold; }    
#login_box input[type='button']{width:100%; border:1px solid #00214e; height:45px; padding:10px; box-sizing:border-box; background:#002e6d; color:#fff; font-weight: bold; }     


#login_box input.aaaa{width:30%; border:1px solid #ccc; height:45px; padding:10px; box-sizing:border-box; margin-bottom:8px;}
#login_box select{width:32%; border:1px solid #ccc; height:45px; padding:10px; box-sizing:border-box; margin-bottom:8px;}




@media screen and (max-width:580px){
	
	#wrap{position:relative; width:100%;}
	#login_box{padding:10px;}
	#login_box input.aaaa{width:20%; border:1px solid #ccc; height:45px; padding:10px; box-sizing:border-box; margin-bottom:8px;}
}





.cartBt {text-align:center;}
.cartBt .cartTxt {padding:55px 0 18px; font-size:15px; color:#777; font-weight:400; line-height:1.4;}
.cartBt .cartTxt strong { font-size:15px; color:#333; font-weight:bold;}
.cartBt .brownBtn {display:inline-block; padding-right:6px;}
.cartBt .orangeBtn {display:inline-block;}
.cartBt .brownBtn span {width:206px; line-height:39px;}
.cartBt .orangeBtn span {width:206px; line-height:39px;}



.add dt {font-size:19px;}
.add dd {font-size:17px;}

ul[class^='list_ul'] > li::before, ol[class^='list_num'] li ul li::before {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    left: 0px;
    top: 8px;
    background: #0064eb;
}

ul[class^='list_ul'] > li, ol[class^='list_num'] li ul li {
    padding-left: 10px;
    margin-top: 9px;
}

ul[class^='list_ul'] li, ol[class^='list_num'] li {
    line-height: 21px;
    position: relative;
}


.img_bigView {display: none;}


.conts a[target='_blank']::after {
    content: "";
    position: absolute;
    right: -1px;
    top: 3px;
    width: 13px;
    height: 13px;
    background: url('/common/img/icon_newwin01.png') 0 0 no-repeat;
    text-indent: -9999px;
}



.conts a[target='_blank']::after {
    content: "";
    position: absolute;
    right: -1px;
    top: 3px;
    width: 13px;
    height: 13px;
    background: url('/common/img/icon_newwin01.png') 0 0 no-repeat;
    text-indent: -9999px;
}

.step {font-size:46px;text-align:center;line-height:56px;}
.step .big_red {color:#ff0101; font-weight:600;}

.pc_none{display:none;}
.img_respon {position:relative;}
@media all and (max-width:767px){
.img_respon .img_bigView, .img_respon a[target='_blank'].img_bigView {
    display: block ;
    position: absolute;
    top: 0px;
    right: 0px;
    background: rgba(0,0,0,0.5);
    padding: 5px 10px;
    color: #fff;
    font-weight: 200;
    font-size: 14px;
}
.step {font-size:32px;line-height:48px;}
.mo_none{display:none;}
.pc_none{display:block !important; margin:0 auto;}
}

@media all and (max-width:520px){
.step {font-size:24px;line-height:32px;}
}


.slogan {
	text-align: left;
}
.greeting {
	
	margin: 50px auto 0;
	padding: 0 398px 0 0;
	background: url('/common/images/sub/greeting.gif') no-repeat 100%;
	font-size:17px;
	letter-spacing:-0.5px;
	box-sizing:border-box;
}
.sign {
	text-align:right;
}
.greeting p {
	margin: 20px 0;
	line-height: 1.6em;
	width:83%;
}
strong, .fc01 {
	color: #333;
}
.slogan h2 {
	font-size: 30px;
	font-weight: 500;
	letter-spacing: -0.07em;
	line-height: 36px;
}
@media all and (max-width:900px){
.greeting {width:100%;padding: 0; background:none;}
.greeting p {width:100%;}

}
.his_icon{font-size:26px;margin-top:80px;background:url('/common/images/sub/bar_03.gif') no-repeat left; padding-left:50px;}



.r_abc{padding-left:380px; background:url(/common/images/sub/aaaa.jpg) no-repeat 10px 30px;}
.r_titl{font-size:30px; line-height: 35px; text-align: center; margin-bottom:30px; font-weight: bold; }


@media all and (max-width:640px){
	
	.r_abc{padding-left:0;  background:url(/common/images/sub/aaaa.jpg) no-repeat 50% 0;}
	
}


.content03						{ }
.contents03					{ position:relative; margin:0px auto 30px;  width:870px;}
.contents03  ul					{ display:inline-block; margin-top:15px; padding:0; }
.contents03 li					{ float:left; width:300px; margin:0 0 0 20px; cursor:pointer;box-sizing:border-box;  background:url('/common/images/arr003.gif') no-repeat right 80px; text-align: center;}
.contents03 li:first-child		{ margin-left:0;   }
.contents03 li:last-child       {padding-right:0px; background:none; width:230px;}

.contents03 li a				{ display:block; text-align:center; width:215px; box-sizing:border-box; }
.contents03 li a div			{ width:100%; overflow:hidden; /*border-radius:50%;  box-sizing:border-box; */ height:150px;}
.contents03 li a img			{ -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; transition:.3s;}
.contents03 li a:hover img	{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}
.contents03 li a dt			{ padding:15px; background:#646464; border-radius:38px;  color:#fff; text-align: center; margin:25px 0 10px; letter-spacing:-0.05em; font-weight:700; font-family: 'NanumSquare'; font-size:110%; color:#000}
.contents03 li a dd				{ letter-spacing:-0.05em; font-size:100%}

.contents03 li a:hover dt{background:#ff0000;}		

@media screen and (min-width:621px) and (max-width:1119px){

	/* 감성 충만*/
	.contents03					{ width:100%; }
	.contents03 ul				{ width:96%; margin:15px 2% 0}
	.contents03 li				{ float:left; width:30%; margin:0 0 0 2.4%; cursor:pointer;  padding-right:2%;}
	.contents03 li a			{ display:block; width:100%; text-align:center; }
	.contents03 li a div		{ width:100%; overflow:hidden; border-radius:50%; }
	.contents03 li a dt			{ margin:25px 0 10px; letter-spacing:-0.05em; font-weight:700; font-family: 'NanumSquare'; font-size:125%; color:#000}
	.contents03 li a dd			{ letter-spacing:-0.05em; font-size:95%}

}

@media screen and (min-width:620px) and (max-width:979px){

	.contents03 li a dd	 br		{ display:none}
	.contents03 li:last-child       {width:100%}
}


@media screen and  (max-width:619px){
	.contents03				{ width:100%; }
	.contents03 ul				{ margin-top:0}
	.contents03 li				{ position:relative; overflow:hidden; width:100%; height:150px; margin:0 0% 1% 0; padding-right:0px; background:none; border:none;}
	.contents03 li a			{width:100%}
	.contents03 li a div		{ border-radius:0; }
	.contents03 li a div img    { max-width:30%; display:inline-block; }
	.contents03 li a dl			{ position:absolute; top:100px; width:100%; }
	.contents03 li a dt			{ box-sizing:border-box; width:60%; margin:0 20% 10px; padding:10px 0; color:#fff; border:1px solid rgba(255,255,255,.5); background:rgba(0,0,0,.8)}
	.contents03 li a dd			{ color:#fff;}
	.contents03 li:last-child       {width:100%}
}


.buy_l{float:left; width:49%;}
.buy_r{float:right; width:49%; vertical-align: top;}

@media screen and  (max-width:619px){

.buy_l{float:left; width:100%;}
.buy_r{float:right; width:100%;}
}


.buy_tit{padding:15px; font-size:20px; color:#fff; background:#ba0404; width:400px; margin:0 auto; text-align: center; margin-bottom:10px; border-radius:38px; }
@media screen and  (max-width:800px){

	.buy_tit{width:100%; border-radius:0px; box-sizing:border-box;}
}