@charset "utf-8";





/* 표 */
table.pyo_cart {font-size:13px; color:#333333; border-top:2px solid #dfdfdf; border-bottom:2px solid #dfdfdf; width:100%; margin:5px 0 20px 0px; letter-spacing:0pt; font-weight: normal;}
table.pyo_cart.cen{text-align:center;}
table.pyo_cart img {vertical-align:middle;}
table.pyo_cart th {border:1px solid #dfdfdf; height:44px; color:#444444; background:#f3f3f3; text-align:center; font-weight:bold; line-height:140%;padding:0px 10px 0px 10px;}
table.pyo_cart th.gray {border:1px solid #ebebeb; height:30px; color:#333333; background:#f8f8f8; text-align:center; font-weight:normal;}
table.pyo_cart th.L {border-left:1px solid #ffffff;}
table.pyo_cart th.R {border-right:1px solid #ffffff;}
table.pyo_cart td{border:1px solid #dfdfdf;  padding:10px 5px 10px 5px;  text-align:center; height:25px; line-height:160%;}
table.pyo_cart td.L{border:1px solid #dfdfdf;  padding:8px 5px 10px 15px; text-align:left; line-height:180%;}
table.pyo_cart td.L2{border:1px solid #dfdfdf;  padding:8px 5px 10px 15px; text-align:left; line-height:180%;background:#f8f8f8;}
table.pyo_cart td.R {border:1px solid #dfdfdf; padding:3px 7px 0px 0px; text-align: right;}
table.pyo_cart td.gray {border-right:1px solid #ffffff; font-weight:bold;}
table.pyo_cart td ul li {margin-left:10px;}

/* 표 */
table.pyo_nopd {font-size:13px; color:#333333; border-top:2px solid #dfdfdf; border-bottom:2px solid #dfdfdf; width:100%; margin:5px 0 20px 0px; letter-spacing:0pt; font-weight: normal;}
table.pyo_nopd.cen{text-align:center;}
table.pyo_nopd img {vertical-align:middle;}
table.pyo_nopd th {border:1px solid #dfdfdf; height:44px; color:#444444; background:#f3f3f3; text-align:center; font-weight:bold; line-height:140%;padding:0px 10px 0px 10px;}
table.pyo_nopd th.gray {border:1px solid #ebebeb; height:30px; color:#333333; background:#f8f8f8; text-align:center; font-weight:normal;}
table.pyo_nopd th.L {border-left:1px solid #ffffff;}
table.pyo_nopd th.R {border-right:1px solid #ffffff;}
table.pyo_nopd td{border:1px solid #dfdfdf;  padding:10px 5px 10px 5px;  text-align:center; height:25px; line-height:160%;}
table.pyo_nopd td.L{border:1px solid #dfdfdf;  padding:8px 5px 10px 15px; text-align:left; line-height:180%;}
table.pyo_nopd td.L2{border:1px solid #dfdfdf;  padding:8px 5px 10px 15px; text-align:left; line-height:180%;background:#f8f8f8;}
table.pyo_nopd td.R {border:1px solid #dfdfdf; padding:3px 7px 0px 0px; text-align: right;}
table.pyo_nopd td.gray {border-right:1px solid #ffffff; font-weight:bold;}
table.pyo_nopd td ul li {margin-left:10px;}


/* 표  060402  수입·지출현황*/
table.pyo_nopd02 {font-size:12px; color:#333333; border-top:2px solid #dfdfdf; border-bottom:2px solid #dfdfdf; width:100%; margin:5px 0 20px 0px; letter-spacing:0pt; font-weight: normal;}
table.pyo_nopd02.cen{text-align:center;}
table.pyo_nopd02 img {vertical-align:middle;}
table.pyo_nopd02 th {border:1px solid #dfdfdf; height:44px; color:#444444; background:#f3f3f3; text-align:center; font-weight:bold; line-height:140%;padding:0px 0px 0px 0px;}
table.pyo_nopd02 th.gray {border:1px solid #ebebeb; height:30px; color:#333333; background:#f8f8f8; text-align:center; font-weight:normal;}
table.pyo_nopd02 th.L {border-left:1px solid #ffffff;}
table.pyo_nopd02 th.R {border-right:1px solid #ffffff;}
table.pyo_nopd02 td{border:1px solid #dfdfdf;  padding:10px 0px 10px 0px;  text-align:center; height:25px; line-height:160%;}
table.pyo_nopd02 td.L{border:1px solid #dfdfdf;  padding:8px 0px 10px 0px; text-align:left; line-height:180%;}
table.pyo_nopd02 td.L2{border:1px solid #dfdfdf;  padding:8px 0px 10px 0px; text-align:left; line-height:180%;background:#f8f8f8;}
table.pyo_nopd02 td.R {border:1px solid #dfdfdf; padding:3px 3px 0px 0px; text-align: right;}
table.pyo_nopd02 td.gray {border-right:1px solid #ffffff; font-weight:bold;}
table.pyo_nopd02 td ul li {margin-left:10px;}


/*메인이벤트*/
.main_event_wrap{margin:20px 0px 50px 0px; height: 64px;}
.main_event_wrap li{width:32.6%; float:left;}
.main_event_wrap li.main_event01{margin-right:1%;}
.main_event_wrap li a img{width:100%;}

/* 자료상세 */
.viewPage .info{height:100%; padding:22px 0 0 0; background:url('/_KOR518/img/shop/view_detail_tline.gif') no-repeat;}
.viewPage .info:after{content:" "; display:block; float:none; clear:both;}
.viewPage .info .photo{overflow:hidden; float:left; width:45%; height:305px; line-height:305px;border: 1px solid #e0e0e0; border-bottom: 2px solid #d1d1d1;text-align:center;}
.viewPage .info .photo:after{content:" "; white-space:pre; margin-left:-0.6em;}
.viewPage .info .photo img{vertical-align:middle;}
.viewPage .info .photo img#viewImg0 {max-width:100%;height:100%;}
.viewPage .con {float:right; width:50%;}
.viewPage .con .name h3{color:##432c0a;}
.viewPage .con dl{height:100%; padding:10px 0px; margin:5px 0 0 0;  border-top: 1px solid #ddd;}
.viewPage .con dl:after{content:""; display:block; float:none; clear:both;}
.viewPage .con dl dt{display:inline; float:left; width:20%; height:35px; text-indent:18px; border-bottom: 1px #ddd dotted;}
.viewPage .con dl dt img{margin:8px 0 0 0;}
.viewPage .con dl dd{display:inline; float:left; width:80%; height:35px; line-height:30px; border-bottom: 1px #ddd dotted;}
.viewPage .con dl dd span.free{display:inline-block; font-weight:bold; font-size:14px; color:#930; line-height:26px;}
.viewPage .con dl dd input,
.viewPage .con dl dd select{margin:5px 0 0 0;}

.viewPage .detail{margin:30px 0 0 0; padding:10px 0 40px 0; border-top:1px solid #666; border-bottom:1px solid #ccc; word-break:break-all;}
.viewPage .detail .txt{ margin-top:10px;padding:10px 0; line-height:20px; word-wrap:break-word; word-break:break-all; height:100%; overflow:hidden;}
.viewPage .detail .txt:after{content:""; display:block; float:none; clear:both;}
.viewPage .detail .txt img {max-width:100%;height:auto !important;}
.viewPage .detail h5{height:16px; padding:15px 0 8px 0; line-height:16px; border-bottom:1px solid #ccc;}

.viewPage .con .button_box {margin-top:15px; text-align:center;}
.viewPage .con .button_box .btn01 {display:inline-block; font-size:15px; font-weight:500; color:#AE0004; padding:14px 60px;  margin-right:5px; border:1px solid #AE0004; /*border-radius:5px;transition: all .2s;*/}
.viewPage .con .button_box .btn01:hover {color:#fff; background:#AE0004;transition: all .2s;}
.btn02 {display:inline-block;  font-size:15px; font-weight:500; color:#333; padding:14px 46px;  margin-right:5px; border:1px solid #333; /*border-radius:5px;transition: all .2s;*/}
.btn02:hover {color:#fff; background:#333;transition: all .2s;}

.btn03 {display:inline-block;  font-size:15px; float:left; font-weight:500; color:#333; padding:14px 46px;  margin-right:5px; border:1px solid #333; /*border-radius:5px;transition: all .2s;*/}
.btn03:hover {color:#fff; background:#333;transition: all .2s;}

p.tit{line-height:20px; margin-bottom:20px;}
p.tit02{line-height:20px; margin-bottom:0px; font-size: 12px;}

.bt_btn{text-align: center; padding:10px 0 0 0;}
.lineup {  display: inline-block;}
.lineup a{display: inline-block; outline: none;}
input[type="submit"], input[type="button"], button {  cursor: pointer; }



.pics1{width:32.5%; float:left; margin-bottom:5px; margin-right:1%;}
.pics2{width:32.5%; float:left; margin-bottom:5px; margin-right:1%;}
.pics3{width:32.5%; float:left; margin-bottom:5px; }
.pics3 img{width:100%;}

/*.main_event_wrap li.main_event01{margin-right:0px;}*/
.pics img{width:100%;}

#main_event_all{  display: block;   position: relative;}
#main_event_all ul{display: block;   position: relative; width:100%; margin-top:20px;}

#main_event_all ul li.main_event_btn{width:100%; text-align: center;     cursor: pointer; margin:10px 0px;}
#main_event_all ul li.main_event_btn ul li{float:left; margin-bottom:1%;}
#main_event_all ul li.main_event_btn ul li.mr1{margin-right:1%;}
#main_event_all ul li a {
  display: block;
}
#main_event_all ul ul {
  display: none;
}



/* 인풋*/
.btn_ok {  font-size: 15px;line-height:15px;padding:15px 57px 15px 57px; float: left; margin-right:5px;  font-weight:500; border:1px solid #AE0004;	color:#AE0004; transition: all .2s;}
.btn_ok:hover,.btn_ok:active {color:#fff; background:#AE0004;transition: all .2s;}

.btn_notapply {  font-size: 15px;line-height:15px;padding:13px 57px 9px 57px; float: left; margin-right:5px;  font-weight:500; border:1px solid #AE0004;	color:#AE0004; transition: all .2s;}
.btn_notapply:hover,.btn_ok:active {color:#fff; background:#AE0004;transition: all .2s;}

.btn_ok03 {color:#dcdcdc; background:#53443C url('../images/ok.png') 40px center no-repeat; font-size:16px;line-height:16px;padding:17px 50px 18px 50px;  float:left; border:0px;  transition: all .2s; }
.btn_ok03:hover,.btn_ok03:active {color:#fff; background:#AE0004;transition: all .2s;}

.btn_ok05 {  font-size: 15px;line-height:15px;padding:15px 57px 15px 57px; background:#53443C url('../images/ok.png') 40px center no-repeat; float: left; margin-right:5px;  font-weight:500; border:1px solid #928E88;	color:#fff; transition: all .2s;}
.btn_ok05:hover,.btn_ok05:active {color:#fff; background:#AE0004;transition: all .2s;}


.btn_apply {  font-size: 15px;line-height:15px;background:#53443C url('../images/ok.png') 40px center no-repeat; padding:15px 57px 15px 57px; float: left; margin-right:5px;  font-weight:500; border:1px solid #928E88;	color:#fff; transition: all .2s;}
.btn_apply:hover {color:#fff; background:#AE0004;transition: all .2s;}


.btn_ok_board {  font-size: 15px;line-height:15px;padding:14px 20px 15px 20px; float: left;  background:#AE0004 url('../images/ok.png') 40px center no-repeat; margin-right:5px;  font-weight:500; border:1px solid #AE0004;	color:#fff; transition: all .2s;}
.btn_ok_board:hover,.btn_ok_board:active {color:#fff; background:#790003;transition: all .2s;}



/*일반*/

.btn_list_board {  font-size: 15px;line-height:15px;background:#928E88 url('../images/ok.png') 40px center no-repeat; padding:10px 30px 11px 30px; float: left; margin-right:5px;  font-weight:500; border:1px solid #928E88;	color:#fff; transition: all .2s;}
.btn_list_board:hover {color:#fff; background:#53443C;transition: all .2s;}


.btn_ok02 {  font-size: 15px;line-height:15px;background:#928E88 url('../images/ok.png') 40px center no-repeat; padding:17px 10px 18px 10px; float: left; margin-right:5px;  font-weight:500; border:1px solid #928E88;	color:#fff; transition: all .2s;}
.btn_ok02:hover {color:#fff; background:#53443C;transition: all .2s;}


.btn_cancel {  font-size: 15px;line-height:15px;background:#53443C; padding:15px 57px 15px 57px; float: left; margin-right:5px;  font-weight:500; border:1px solid #928E88;	color:#fff; transition: all .2s;}
.btn_cancel:hover {color:#fff; background:#1E1815;transition: all .2s;}

.btn_list {  font-size: 15px;line-height:15px;background:#53443C; padding:15px 57px 15px 57px; float: left; margin-right:5px;  font-weight:500; border:1px solid #928E88;	color:#fff; transition: all .2s;}
.btn_list:hover {color:#fff; background:#1E1815;transition: all .2s;}

.btn_listdel {  font-size: 15px;line-height:15px;background:#eee; padding:13px 15px 13px 15px;margin-right:5px;  font-weight:500; border:1px solid #C2C2C2;	color:#555; transition: all .2s;}
.btn_listdel:hover {color:#fff; background:#1E1815;transition: all .2s;}


.btn_ok04 {  font-size: 15px;line-height:15px;padding:14px 46px;  float: left; margin-right:5px;  font-weight:500; border:1px solid #AE0004;	color:#AE0004; transition: all .2s;}
.btn_ok04:hover,.btn_ok03:active {color:#fff; background:#AE0004;transition: all .2s;}

.btn_write {  font-size: 15px;line-height:15px;background:#53443C; padding:8px 40px 8px 40px; float: left; margin-right:5px;  font-weight:500; border:1px solid #928E88;	color:#fff; transition: all .2s;}
.btn_write:hover {color:#fff; background:#1E1815;transition: all .2s;}

/*pdf*/
.btn_pdf {  font-size: 13px;background:#fff url('../images/pdf.jpg') no-repeat 16px center; padding:13px 19px 13px 42px; text-align:left; float: left; margin-right:5px;  font-weight:500; border:1px solid #928E88;	color:#555; transition: all .2s;}
.btn_pdf:hover {color:#E84500; background:#fff url('../images/pdf.jpg') no-repeat 16px center;;transition: all .2s;  border:1px solid #FC6F32;	}



.thumb_grid{width:870px; overflow:hidden;}
.thumb_grid ul.thumb_row{width: 100%;margin-left:-40px; text-align:center;}
/*.thumb_grid ul.thumb_row li:first-child{margin-left:0px; padding-left:0px;}*/
.thumb_grid ul.thumb_row li{position: relative; float: left;width: 177px;/* height: 285px;*/  margin-bottom:20px;margin-left: 40px;}
.thumb_grid ul li a.thumb img{width:100%; height:255px; border:1px solid #ccc;}

.thumb_grid ul.thumb_row li a span.category{display: block; width:100%; margin-top: 10px; line-height:20px;}
.thumb_grid ul.thumb_row li a span.category strong{display:block;} 


.btnArea{display: block;position: absolute;  left: 30%; top: 210px;}
.btnArea a.detail{ }
.btnArea a.cart{}
.btnArea a{ display:inline-block; width:30px; height:30px; background:url('../images/icon_bg.png') 0px 0px repeat; border:1px #666 solid; text-align:center; vertical-align:middle;}
.btnArea a:hover,.btnArea a:focus,.btnAreaa:active{background:#F2893B; transition: all .2s; ; border:1px #DD660F solid;}



/* 신청후기 */
.viewPage .postscript{margin:15px 0 0 0;}
.viewPage .postscript h5{height:36px; padding:8px 0 0 17px; background:url('/_KOR518/img/shop/postscript_box.gif') 0 top no-repeat;}
.viewPage .postscript .write{position:relative; margin-top:10px; padding:15px; padding-top:10px; border: 1px solid #e0e0e0; border-bottom: 2px solid #d1d1d1;}
.viewPage .postscript .write .star{position:absolute; left:16px; top:10px; color:#930; border:1px solid #cdcdcd;}
.viewPage .postscript .write .memo{margin:0 39px 0 105px; width: 70%; float: left}
.viewPage .postscript .write .memo textarea{width:100%; height:46px; border:1px solid #cdcdcd; font-size: 12px; padding:10px;}
.viewPage .postscript .write .limit{position:absolute; left:35px; top:45px; font-size:11px;}
.viewPage .postscript .write .limit strong{color:#930;}
.viewPage .postscript .write input.ok{position:absolute; right:15px; top:10px; border:0; width:70px; height:54px; background:url('/_KOR518/img/shop/postscript_write.gif') no-repeat; font-weight:bold; color:#666;}
.viewPage .postscript ul{}
.viewPage .postscript ul li{padding:15px 0; border-bottom:1px dotted #ccc;}
.viewPage .postscript ul li dl{position:relative; height:100%;}
.viewPage .postscript ul li dl:after{content:""; display:block; float:none; clear:both;}
.viewPage .postscript ul li dl dt{display:inline; float:left; width:380px; margin:0 0 0 167px; line-height:16px;}
.viewPage .postscript ul li dl dt img{vertical-align:middle;}
.viewPage .postscript ul li dl dd.star{position:absolute; left:28px; top:0;}
.viewPage .postscript ul li dl dd.writer{display:inline; float:right; margin:0; line-height:16px; font-size:11px; color:#666;}
.viewPage .postscript ul li dl dd.writer span.name{display:inline-block; font-size:12px; margin:0 20px 0 0;}
.viewPage .postscript ul li dl dd.writer span.date{width:50px; height:12px;}

.INS2 {height:25px;line-height: 25px;padding: 0px 0px 0px 10px;border: 1px solid #CCC;}
.INS3 {height:37px;line-height: 25px;padding: 0px 0px 0px 10px;border: 4px solid #8abddb; margin-top:-5px;background:#ffed77;font-size:18px;  color:#000; font-weight:bold;}
input.text{ width: 30%;height:25px;line-height: 25px;padding: 0px 0px 0px 10px;border: 1px solid #CCC;}
.t_line{border-top:2px #928E88 solid;}
.x_price{font-size:18px;  color:#AE0004;}
.tment{text-align:right}

.readcon img{width:100%;}
p.date{font-size:12px; text-align:center; margin-top: -20px;}
p.date020{font-size:12px; margin-top:0px;}
.f_12{font-size:12px;}
.ttl{margin-bottom:4px;}

.car_list_t img.car_thumb{ width:15%; margin-right:10px;}
textarea.textbox { width: 90%;   height: 46px;   border: 1px solid #cdcdcd;   font-size: 12px;   padding: 10px;}



.memo textarea.textbox{    width: 88%;    max-width: 88%;    height: 55px;    padding: 4px 3px 2px 3px;    background: #f7f7f7;    border: 0;    color: #555;    border: 1px solid #ddd;  }
.memo a.btn_ok03{position: absolute;right: 0; font-size: 15px;background: #928E88 url('../images/ok.png') 40px center no-repeat;padding: 17px 10px 18px 10px; margin-right: 5px;font-weight: 500;border: 1px solid #928E88;
color: #fff;transition: all .2s;}
.memo-list li{line-height: 23px;padding: 15px 0px;border-bottom: 1px solid #ddd;}
.memo-list li dd{}
.memo-list li dl dt span.name{font-size: 13px;color: #DD6704;vertical-align: middle; font-weight: bold;}
.memo-list li dl dt span.date{margin-left: 10px;color: #9C9EA7;font-size: 12px; vertical-align: middle;}


.pht_04{width:166px; height:214px; margin-left:10px; overflow: hidden; border-bottom: 1px #ddd solid;}
.pht_04 img{width:98%; border: 1px solid #cdcdcd; }
.pht_t{font-size:15px; font-weight:bold; margin-bottom:10px; color:#89400A; letter-spacing: -0.5px; }
.pht_list li{margin-bottom:10px;}
.mvbox{width:760px; margin:0px auto;}

.button_dn{float:right; margin-top:-60px;}

.snss_icons_box{width:100%; margin-top:20px; padding-top:20px; /* border-top:1px #ddd solid;*/ clear: both;content: "";display: block;}
.snss_icons{float:right;}
.snss_icons li{float:left; margin-left:5px;}
a.print { background: url('../images/ico_cprint.png') no-repeat 5px center; padding:6px 7px 6px 26px; border: 1px #e6e6e6 solid;}

.webv{display:block;}
.mobv{display:none;}
.webv_in_blc{display:inline-block;}

p.date_L {
    font-size: 12px;
    text-align: left;
}


/*MEMBER LOGIN*/
.member_login{width:505px; margin:0px auto;}
.member_login_box{	overflow:hidden;	margin:20px 0;}
.member_login_box p{	float:left;	margin-bottom:10px;}
.member_login_box p label{	display:inline-block;	 font-weight:700;	font-size:1.167em;}
.member_login_box p label{width:65px;}
.ie8 .member_login_box .id_check { margin-left:10px; }
.ie8 .member_login_box .id_check .check_style{	margin:10px 0 0 15px;}
.ie7 .member_login_box .id_check .check_style{	margin:10px 0 0 10px;}
.member_login_box p .label_style{margin:10px 0 10px 10px;}
.member_login_box p .member_input{width:260px;	height:28px;	padding-left:10px; padding-top:10px;	border:1px solid #ddd;}

.member_login_box .member_login_inner{width:355px;	float:left;}
.membership_area{margin:60px 0;}
.membership_area a img{width:100%;}
.order_title{ font-weight:700;font-size:2em;	color:#555; letter-spacing:-1px;}
.member_login_box .btn3_style{font-family:'나눔고딕'; cursor:pointer; border:none;	width:110px;	float:right;	margin:0 0 0 10px;	padding:35px 0;	text-align:center;	font-size:1.5em;	color:#fff;	background:#7ca0e8;	font-weight:700;	}
.btns_member{border-top:1px #ddd solid;  float:left; width: 100%; padding-top:25px; margin-top:25px;}
.btns_member li{height:32px; position: relative; width:100%; vertical-align: middle; padding:5px 0px 0px 0px; font-size:14px;}
.btns_member a{position:absolute; right:0px; text-align:center; top:0px; padding:3px 10px 3px 0px; color:#fff;  font-size:14px;}

.login_btn {  font-size: 15px;padding:36px 50px 36px 50px; float: left; background:#53443C;   font-weight:500; border:1px solid #928E88;	color:#fff; transition: all .2s;}
.login_btn:hover {color:#fff; background:#AE0004;transition: all .2s;}


.find_btn {  font-size: 13px;padding:10px 37px 10px 37px; float: left; margin-right:5px;  font-weight:500; border:1px solid #333;	color:#333; transition: all .2s;}
.find_btn:hover,.find_btn:active {color:#fff; background:#333;transition: all .2s;}
.join_btn {  font-size: 13px;padding:10px 37px 10px 37px; float: left; margin-right:5px;  font-weight:500; border:1px solid #AE0004;	color:#AE0004; transition: all .2s;}
.join_btn:hover{color:#fff; background:#AE0004;transition: all .2s;}

.member_box_loginment{text-align:center; font-size:12px; padding:10px; margin-top:20px; border-top:1px solid #eee;  width:100%; float:left;}
.member_login .button_pack {    padding: 0;    margin: 10px 0 0 0;}
.member_login .btns_member_box {width:500px; margin:0px auto 0 auto; overflow:hidden; text-align:center; position:relative;}
.member_login .btns_member_box ul {border:1px solid #eee; overflow:hidden;}
.member_login .btns_member_box li {float:left; text-align:center; width:50%; letter-spacing:-1px; color:#999; padding:20px 0;  list-style:none; overflow:hidden; font-size:12px;}
.member_login .btns_member_box li:hover {color:#000}
.member_login .upper_border {width:1px; height:100%; background:#eee; position:absolute; left:50%; top:0;}

.member_login .button_pack {padding:0; margin:10px 0 0 0;}
.member_login .button_pack a {width:115px; text-align:center;}
.button_pack {  display: inline-block;    overflow: hidden;}

.grey {color:#fff;font-size:12px;font-weight:bold; padding:5px 7px 5px 7px; background:#928E88; line-height:3em;}
.text_dotline {  font-size: 13px; font-weight:bold;  border-bottom: #b2b9b5 1px dotted;  line-height: 2.0em;  padding-bottom: 2px;}

.member_find{background: #f6f6f6;line-height: 23px;padding: 30px 25px 30px 25px;margin-top: 10px;border: #d1d1d1 1px solid;text-align: center;font-size: 13px;margin-bottom: 30px;}
.member_find strong{ color:#AE0004;}

.find_btn_email {  font-size: 13px;padding:10px 37px 10px 37px; float: left; background:#53443C; margin-right:5px;  font-weight:500; border:1px solid #53443C;	color:#fff; transition: all .2s;}
.find_btn_email:hover{color:#fff; background:#26201C;transition: all .2s;}
.find_btn_sns {  font-size: 13px;padding:10px 37px 10px 37px; float: left; background:#53443C; margin-right:5px;  font-weight:500; border:1px solid #53443C;	color:#fff; transition: all .2s;}
.find_btn_sns:hover {color:#fff; background:#26201C;transition: all .2s;}



.cm_member_agree {overflow:hidden; background:#fafafa; padding:20px 20px 0 20px;}
.cm_member_agree .text_box {background:#fff; border:1px solid #ccc; overflow:hidden;}
.cm_member_agree .textarea_design {margin:0 auto; background:#fff; padding:10px; width:97.4%; line-height:18px; height:150px; color:#999;}
.cm_member_agree .arrow {position:absolute; left:50%; bottom:0; margin:0 0 -16px -16px;}
.cm_member_agree .agree_check {padding:10px 0; text-align:right; overflow:hidden; position:relative;}
.cm_member_agree .agree_check label {padding:10px 0; overflow:hidden; color:#555;}
.cm_member_agree .agree_check input { margin:1px 5px 0 0}
.cm_member_agree .agree_check label:hover {color:#ff0000}
.cm_member_agree .btn_view_all {position:absolute; right:0; top:13px; background:#fff url('../images/cm_images/member_text_view.png') 15px center no-repeat; border:1px solid #ddd; padding:6px 15px 6px 35px; border-radius:30px}
.cm_member_agree .btn_view_all:hover {border:1px solid #666; background-color:#eee}



.idCheck { float: left; display: inline-block;}
.idCheck a {margin:0 5px; position:relative; float:left; font-weight:bold; height:25px; text-align:center; letter-spacing:-1px; background:#fff; border:1px #ddd solid;  color:#333; line-height:24px; padding:0 12px 0 12px;}
.idCheck a:hover,.idCheck a:active {color:#fff; background:#53443C;transition: all .2s;}


.posCheck {display: inline-block;}
.posCheck a {margin:0 5px; position:relative; font-weight:bold; height:25px; text-align:center; letter-spacing:-1px; background:#fff; border:1px #ddd solid;  color:#333; line-height:24px; padding:5px 12px 5px 12px;}
.posCheck a:hover,.posCheck a:active {color:#fff; background:#53443C;transition: all .2s;}


/* 협력기관 및 단체 */
.cooperation {	margin:0px 0 0 0;}
.cooperation ul.list {	background:url('/_KOR518/img/contents/cooperation_tline.gif') no-repeat;	}
.cooperation ul.list li {	position:relative;	padding:25px 0 20px 0;	border-top:1px dotted #ccc;}
.cooperation ul.list li.first {	border-top:0;}
.cooperation ul.list li strong {	margin:0 0 0 195px;	font-size:14px;	color:#333;	padding:0 0 0 15px;	background:url('/_KOR518/img/sub/bu_li_type1_green.gif') 0 5px no-repeat;}
.cooperation ul.list li ul {margin:18px 0 0 198px;}
.cooperation ul.list li ul li {	margin:6px 0;	padding:0 0 0 12px;	background:url('/_KOR518/img/sub/bu_li_type2.gif') 0 4px no-repeat;	border:0;}
.cooperation ul.list li ul li span.title {display:inline-block;	width:90px;	margin:0 5px 0 0;	border-right:1px solid #ccc;	font-weight:bold;}
.cooperation ul.list li div.banner {position:absolute;display:inline-block;	left:12px;	top:25px; border:1px #ccc solid; padding:5px 0px;}
.cooperation a.top {	right:0 !important;}
.cooperation_type {}
.cooperation_type ul {height:100%;}
.cooperation_type ul:after {content:"";display:block;	float:none;	clear:both;}
.cooperation_type ul li {float:left;width:33%;}
.cooperation_type ul li a {display:block;text-align:center;margin:0 0 0 1px;height:28px;line-height:28px;	border:1px solid #ddd;	text-decoration:none;}
.cooperation_type ul li a:hover {	border:2px solid #99cc33;	font-weight:bold;	height:26px;	line-height:26px;}


.numtag{width:35px; float:left;line-height:100px;}
.numtag02{width:35px; float:left;line-height:61px;}
.numtag03{width:35px; float:left;line-height:35px;}

.ng_p{float:left; margin-right:20px;  width: 120px; height: 80px; overflow: hidden; border: 1px #ddd solid;}




.alert{padding:20px; border:1px #e6e6e6 solid; border-bottom:2px #e6e6e6 solid; text-align:center;}
.btn040104{margin-top:10px;}
.btn040104 a{display:inline-block; width:100px; border:1px #ddd solid; padding:10px; }
.btn040104 a:hover{text-decoration:none; font-weight:bold;}
.btn040104 .btnMain a:hover{border:1px #213663 solid; color:#213663; }
.btn040104 .btnLogin a:hover{border:1px #C80021 solid; color:#C80021;}




#wrap { margin: 0 auto;}
.main{background:url("../images/main_bg.gif") repeat-x 50% 0px;}
.d_width {position:relative;width:1100px; margin:0 auto;}

#header_wrap{position: relative; margin: 0 auto; width: 1100px; height:136px;  z-index:100;}
.sub_bg{}
/* 로고 */
h1.logo{ width:180px; float: left;height: 66px;margin: 15px 0px 0px 0px;}
h1.logo img{width:100%;}

/* sns 아이콘 */
.userR ul{float:right;top:32px; position: absolute; right: 0px;}
.userR ul li{float:left;}
.userR ul li.user_01{padding:2px 2px 0px 2px;}
.userR ul li.user_02{padding:2px 2px 0px 2px;}
.userR ul li.user_03{padding:2px 2px 0px 2px;}
.userR ul li.user_04{padding:2px 2px 0px 2px;}
.userR ul li.user_05{padding:2px 2px 0px 2px;}
.userR ul li.user_07{padding:2px 8px 0px 2px;}

/* 상단검색 */
.gsearch {   border: 1px solid #CCC;   margin: 3px 2px 0px 0px; }
.gsearch input[type="text"] {width: 150px; height: 34px; line-height: 34px; padding: 0px 0px 0px 10px; border: medium none;}


.menu_wrap{width:1250px;}


/* 상단 로그인 */
.topmenu{float:right;}
.topmenu li{float:left; margin-top:12px; padding:0px 5px;}
.topmenu li a{color:#666;}
.topmenu li a:hover, .topmenu li a:active{color:#000;}

/* 대메뉴 */
.header .gn_area {position:relative;   z-index:101;  float:left;display:block; clear:both;} 
.header .gn { display:block;  padding:0; }
.header .gn li { position:relative; display:block; float:left; padding-top:10px; }
.header .gn li .label {display:inline-block;line-height:40px; font-size:17px; color:#cfcecb; font-weight:bold; text-align:left;}
.header .gn li .mu1 {width:245px;}
.header .gn li .mu2 {width:200px;}
.header .gn li .mu3 {width:194px;}
.header .gn li .mu4 {width:194px;}
.header .gn li .mu5 {width:194px;}
.header .gn li .mu6 {width:194px;}
.header .gn li a{padding-bottom:0px;}
.sn1{ position:absolute; left:0px; padding-left:0px; }
.sn2{ position:absolute; left:0px; padding-left:0px;}
.sn3{position:absolute; left:0px; padding-left:0px;}
.sn4{ position:absolute; left:0px; padding-left:0px;}
.sn5{ position:absolute; left:-30px; padding-left:0px;width:204px !important;}
.sn6{position:absolute; left:-20px; padding-left:0px;}
.header .sn {display:none;width:100%; top:35px; overflow:hidden; z-index:9999999; }
.header .sn ul { display:block; height:auto; margin:0; padding:20px 0 0; }
.header .sn ul li { list-style:none; display:block; float:none; margin:0; padding:0; height:24px;}
.header .sn ul li a { display:block; padding:10px 0px; font-size:12px; color:#fff; line-height:1em;}
.header .gn li:hover .label{color:#fff;  cursor:pointer;}
.header .gn li:hover ul {}
.header .gn li:hover ul li a{color:#fff;}
.blindbg { position:absolute; display:none; left:0; top:110px; width:100%; height:382px; background:#5F5952;  z-index:11; }



/* 메인컨텐츠 */
.mian_container{z-index: 10; width:100%;  position:relative; }


/* 메인배너 */
.main_bn_box{ width:1100px; margin:0px auto; height:111px;position: relative;}
.main_bn_box > ul > li{float:left; height:111px; width:25%;}
.main_bn_box > ul > li a{width:100%;  display: block; height: 100%; color:#fff; font-size:16px; font-weight:bold; }
.main_bn_box > ul > li.main_bn01{ background:#F2893B url('../images/bg_icon01.gif') no-repeat 10px center; }
.main_bn_box > ul > li.main_bn01 a span{ display: block; padding:45px 0px 0px 60px;}
.main_bn_box > ul > li.main_bn02{ background:#9BC133 url('../images/bg_icon02.gif') no-repeat 40px center; }
.main_bn_box > ul > li.main_bn02 a span{ display: block; padding:45px 0px 0px 110px;}
.main_bn_box > ul > li.main_bn03{ background:#42A0D3 url('../images/bg_icon03.gif') no-repeat 40px center; }
.main_bn_box > ul > li.main_bn03 a span{ display: block; padding:45px 0px 0px 110px;}
.main_bn_box > ul > li.main_bn04{ background:#EF9191 url('../images/bg_icon04.gif') no-repeat 20px center; }
.main_bn_box > ul > li.main_bn04 a span{ display: block; padding:45px 0px 0px 90px;}

.btnn1{float:left; width:50%; margin-top:1px;}
.btnn1 a{width:85%; text-align:left; font-size:11px;}

.btnn2{float:left; width:50%; margin-top:1px;}
.btnn2 a{width:67.5%; text-align:left; }
/* 비주얼 */
.visual_area{position:relative;height:270px;}
#main_visual{position:relative;padding:0;z-index:5;}
#main_visual .visual_list{position:relative;height:270px;}
#main_visual .visual_list li{display:none;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;background-position: center top;background-repeat:no-repeat}
#main_visual .visual_list li.active{display:block;z-index:6;}
#main_visual .visual_list li .v_wrap{position:relative;}
#main_visual #visual01{background-image:url('../images/main_visual01.jpg')}
#main_visual #visual02{background-image:url('../images/main_visual02.jpg')}
#main_visual #visual03{background-image:url('../images/main_visual03.jpg')}
#main_visual .visual_list .txt{display:block;position:absolute; overflow:hidden; height:0; width:0; font-size:0;  text-indent:-9998px;}
#main_visual .visual_btns{/*position:absolute;width:100%;bottom:40px;height:30px;z-index:200*/ display:none;}
/*
#main_visual .visual_ctrl a{padding:2px;}
#main_visual .visual_btn_Num{display:none;bottom:8px;width:100%;text-align:center;z-index:200}
#main_visual .visual_btn_Num button{padding:0;border:none;background:none;cursor:pointer;} 
#main_visual .visual_btn_Arrow {position:relative;text-align:right;z-index:200; width:1000px; margin:0px auto;}
#main_visual .visual_btn_Arrow button{width:29px;height:29px;}
#main_visual .visual_btn_Arrow button.prev{}
#main_visual .visual_btn_Arrow button.next{}
*/
button{cursor:pointer;border:none;background:none}

.visual-text-bg {position: absolute;top: 367px;width:41%;height:150px;background: url('../images/visual-text-bg.png');z-index: 10;}

@media all and  (max-width:1700px) {
.visual-text-bg {width:40%;}
}
@media all and  (max-width:1500px) {
.visual-text-bg {width:38%;}
}
@media all and  (max-width:1300px) {
.visual-text-bg {width:37%;}
}


.visual-text {	position: absolute;top: -122px;left: 0px;width: 340px;height: 95px;z-index: 10;}
.visual-text ul li {position:relative;padding-left: 14px;line-height: 32px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #fff;}
.visual-text ul li::after {
    content: "";
    position: absolute;
    left: 0px;
    top: 13px;
    display: block;
    width: 5px;
    height: 5px;
    background: #fff;
}
.visual-text ul li a {font-size:17px;color:#fff;letter-spacing: -1px;text-shadow: 1px 1px 1px #333;}
.visual-text ul li a:hover {text-decoration:underline;}



.main_con_bn_box{position:relative; width:1100px; margin:0px auto 100px auto;}

/* 퀵메뉴 */
.quick {position:absolute;	top:410px;	width:80px;	right:-90px; text-align:center; display:block; z-index:99999;}
.quick h2{width:100%; background:#928E88; color:#fff;  padding-top:16px; padding-bottom:16px; font-size:11px; font-weight:bold;}
.quick_sub_01{background:#F2893B url('../images/quick_icon01.gif') no-repeat center 20%;}
.quick_sub_02{background:#9BC133 url('../images/quick_icon02.gif') no-repeat center 20%;}
.quick_sub_03{background:#42A0D3 url('../images/quick_icon03.gif') no-repeat center 20%;}
.quick_sub_04{background:#EF9191 url('../images/quick_icon04.gif') no-repeat center 20%;}
.quick_sub_06{background:#F2B705 url('../images/quick_icon06.gif') no-repeat center 20%;}
.quick_sub_05{background:#249B89 url('../images/quick_icon05.gif') no-repeat center 20%;}

.quick a {display:block; padding-top:50px;  padding-bottom:10px; color:#fff;  font-weight:bold; }

/* 메인컨텐츠 배너 */
.conbn{ height:152px; margin-top:30px;margin-bottom: 60px;background: #f7f7f7;padding-top: 35px;}
.conbn li{float:left; width:20%;padding-top:95px;text-align: center;}
.conbn li strong{display:inline-block; font-size:16px; color:#1d1d1d;}
.conbn li span{font-size:11px; color:#8c8c8c; line-height: 150%;}
.conbn li.conbn01{background: url('../images/bn_icon01.png') no-repeat center 0px; }
.conbn li.conbn02{background: url('../images/bn_icon02.png') no-repeat center 0px; }
.conbn li.conbn03{background: url('../images/bn_icon03.png') no-repeat center 0px; }
.conbn li.conbn04{background: url('../images/bn_icon04.png') no-repeat center 0px;}
.conbn li.conbn05{background: url('../images/bn_icon05.png') no-repeat center 0px;}

.conbn2019 {width:100%;height:230px;background:#60cae0; font-family: 'Nanum Barun Gothic', sans-serif;}
.conbn2019-tit {float:left;font-size: 32px;color: #fff;padding-top: 75px;margin-bottom: 15px;letter-spacing: -1px;text-align:left;width:260px;}
.conbn2019 ul {width:1100px;margin:0 auto;}
.conbn2019 ul a {color: #fff;font-size: 15px;letter-spacing: -0.5px;line-height: 20px;font-weight: bold;}
.conbn2019 ul li {position: relative;float: left;width: 120px;text-align: center;padding-top: 118px;margin-top: 40px;}
.conbn2019 ul li::after {
    content: "";
    position: absolute;
    left: 134px;
	top: 50px;
    display: block;
    width: 6px;
    height: 6px;
    background:url('../images/conbn2019-dot.png') no-repeat 0px;
}
.conbn201901 {transition:all 0.3s;margin-right:19px;background: url('../images/conbn201901.png') no-repeat 50% 5px;}
.conbn201901:hover {transition:all 0.3s;background: url('../images/conbn201901-h.png') no-repeat 50% 5px;}
.conbn201902 {margin:0 19px;background: url('../images/conbn201902.png') no-repeat 50% 5px;}
.conbn201902:hover {transition:all 0.3s;background: url('../images/conbn201902-h.png') no-repeat 50% 5px;}
.conbn201903 {margin:0 19px;background: url('../images/conbn201903.png') no-repeat 50% 5px;}
.conbn201903:hover {transition:all 0.3s;background: url('../images/conbn201903-h.png') no-repeat 50% 5px;}
.conbn201904 {margin:0 19px;background: url('../images/conbn201904.png') no-repeat 50% 5px;}
.conbn201904:hover {transition:all 0.3s;background: url('../images/conbn201904-h.png') no-repeat 50% 5px;}
.conbn201905 {margin:0 19px;background: url('../images/conbn201905.png') no-repeat 50% 5px;}
.conbn201905:hover {transition:all 0.3s;background: url('../images/conbn201905-h.png') no-repeat 50% 5px;}
.conbn201906 {margin-left:19px;background: url('../images/conbn201906.png') no-repeat 50% 5px;}
.conbn201906:hover {transition:all 0.3s;background: url('../images/conbn201906-h.png') no-repeat 50% 5px;}

.conbn201906::after {
    display:none !important;
}




/* 메인 리스트 */
.visualWrap {margin:0px auto;width:100%;min-height:340px;background: url('../images/bn_bg.gif') no-repeat 0px 15px; overflow: hidden;}
.visualArea { width:1100px; margin:0 auto;position: relative; overflow: hidden;}
.visualArea .visualBar {width:85px;height:16px;margin:0px auto 15px auto;position:relative}
.visualArea .visualBar .controller li {float:left;margin-left:5px}
.visualArea .visualBar .controller li.first {margin-left:0}
.visualArea .bbsLst { width:1300px; margin:0px auto; overflow:hidden}
.visualArea .bbsLst ul{overflow:hidden;position:relative;height:300px}
.visualArea .bbsLst ul:after{display:block;clear:both;content:""}
.visualArea .bbsLst li{overflow:hidden;float:left;position:relative;width:300px;height:300px; margin-right:100px}
.visualArea .bbsLst li .bbsCate { position:absolute;top:158px;left:0px; height:20px;line-height:20px; z-index:22}

.green{background:#60BD68; border:1px solid #60BD69}
.blue{background:#008ECE; border:1px solid #008ECd}
.lgreen{background:#A6CE39; border:1px solid #A6CE38}
.etc{background:#45677D; border:1px solid #45677c}
.orange{background:#F7941E; border:1px solid #F7941d}
.visualArea .bbsLst .thumb{display:block;overflow:hidden;position:relative;width:300px;line-height:180px;text-align:center}
.visualArea .bbsLst .thumb .img{display:block;border:0;width:99%; border:1px #555 solid;height:205px;overflow:hidden;}
.visualArea .bbsLst a{display:block;width:300px;margin:0 auto;padding:0;text-decoration:none;cursor:pointer}
.visualArea .bbsLst a:focus{border:2px dotted #000}
.visualArea .bbsLst strong{display:inline-block;width:100%;margin:11px 0 5px 0px;color:#333; font-size:15px; text-align: center;}
.visualArea .bbsLst p{width:100%;margin:0 auto;font-size:12px;color:#666;line-height:18px;height:40px; overflow:hidden;text-align:justify}
.visualArea .bbsLst a:hover strong,.visualArea .bbsLst a:active strong,.visualArea .bbsLst a:focus strong{text-decoration:underline}





/* sns 뉴스 */
.now-sns{float:left;width:350px;position:relative;padding:33px 0 0px 0px; margin:0px 50px 0 0;}
.sns-tab{position:relative; padding-top: 5px;}
.sns-tab h3{width:25%; height:38px; }
.sns-tab h3 a{display:block;text-align:center; padding:10px 0px 10px 0px; border:1px solid #dcdcdc;}


#facebook{position:absolute;left:0px;top:-30px; }
#facebook2{position:absolute;left:25%;top:-30px;}
#instar{position:absolute;left:25%;top:-30px;}
#twitter{position:absolute;left:50%;top:-30px;}
#youtube {position:absolute;left:75%;top:-30px;}


.sns-tab .sns2 a{background:#F5F5F5;}
.sns-tab .sns2.on a{background:#fff; border-bottom:1px solid #fff;}
.sns-tab .sns2 a:hover{background:#fff;}


.sns-tab .sns1 a{background:#F5F5F5;}
.sns-tab .sns1.on a{background:#fff; border-bottom:1px solid #fff;}
.sns-tab .sns1 a:hover{background:#fff;}

.sns-tab .sns3 a{background:#F5F5F5;}
.sns-tab .sns3.on a{background:#fff; border-bottom:1px solid #fff;}
.sns-tab .sns3 a:hover{background:#fff;}


.sns-tab .sns4 a{background:#F5F5F5;}
.sns-tab .sns4.on a{background:#fff; border-bottom:1px solid #fff;}
.sns-tab .sns4 a:hover{background:#fff;}

.sns-list-wrap{clear:both;height:356px;overflow-y:auto; padding:20px 10px; word-break:break-all; border:1px solid #dcdcdc;}
.sns-list-wrap .user{overflow:hidden; width:100%; margin:0px auto 20px auto;}
.sns-list-wrap .user .photo{float:left;margin-right:10px;}
.sns-list-wrap .user .photo img{width:40px;height:40px;}
.sns-list-wrap .user .name{float:left;font-size:12px;}
.sns-list-wrap .user .icon{float:left;}
.sns-list-wrap ul{margin-bottom:10px;}
.sns-list-wrap ul li{padding:10px 0;line-height:1.25em;border-bottom:1px dotted #bcbcbc;width:98%;}
.sns-list-wrap ul li .url{color:#3da9db;font-size:11px;}
.sns-list-wrap ul li a{display:block;}

.instagram_item {float: none;width: 100%; padding-bottom: 3px;}
.instagram_item > a {display: block;width: 100%;padding-top: 100%;position: relative;background: no-repeat center center;background-size: cover;}
.instagram_item > a:before {content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #000000;background: rgba(0, 0, 0, .8);background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .8) 100%);background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .8) 100%);background: radial-gradient(ellipse at center, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .8) 100%);z-index: 1;opacity: 0;-webkit-transition: opacity .55s cubic-bezier(.215, .61, .355, 1);transition: opacity .55s cubic-bezier(.215, .61, .355, 1);}
.instagram_item p {width: calc(100% - 30px);position: absolute;left: 0;top: 50%;font-size: 13px;font-weight: 400;text-align: left;color: #fff;transform: translateY(-50%);z-index: 2;opacity: 0;-webkit-transition: opacity .55s cubic-bezier(.215,.61,.355,1);transition: opacity .55s cubic-bezier(.215,.61,.355,1);overflow: hidden;height: calc(100% - 30px);padding:15px;line-height:18px;}
.instagram_item > a:hover:before {opacity: 1;}
.instagram_item > a:hover p {opacity: 1;}



/* 메인 공지사항 */

.noti-wrap{width:100%;margin:45px 0;}
.notice{position:relative;  width: 340px;float: left;margin-right: 40px;}
.notice h3{font-size:24px; color:#2f2f2f; font-weight:bold; margin-bottom:8px;letter-spacing: -1px;}
.notice h3 a {color:#2f2f2f;}
.notice_bar01 {width:100%;height:1px; background:#828282;margin: 18px 0 12px 0;}
.notice ul{padding:5px 0px 10px 0px;}
.notice ul li{width:95%;height:28px;line-height:28px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; padding-left:12px; background: url('../images/notice_dot.gif') no-repeat left 13px; }
.notice ul li a {font-size:13px;color:#404040;}
.notice a.more{position:absolute; right:10px; top:5px;}
.notice01{}
.notice02{}
.notice03{margin-right:0px;}


.main_movie_box{float: left; width:350px;height:435px; margin:0px 50px 0px 0px;}
.movie-wrap{width:100%;}
.movie-wrap h3{text-align:center; font-size:19px; font-weight:700; margin-bottom:12px;}
.movie-wrap h3 a{ color:#000;}
.movie-wrap p{text-align:center; line-height:18px;}
.movie{margin-top:10px; height:196px;}

/*메인의 페이스북2내용 */
.facebookfeed{text-align:left;width:94%;margin:0px auto;padding:10px;background:#FFFFFF;}

.sns4box{position:relative; margin-bottom:20px;  line-height:20px;}
.sns4_top{overflow:hidden;}
.sns4box .sns4box_logo{float:left;}
.sns4box_tit strong{font-size:14px; line-height:1.38; zoom:1; display:block; color:#3B5998;}
.sns4box_txt{line-height:1.38; padding:10px 0px;}
.sns4box_img{width:100%; display:block; text-align:center; margin-top:5px; margin-bottom:15px;} 

.sns4box_tit span{font-size:10px; color:#003E82; font-weight:bold;}

/* 메인 우측 배너 */
.main_right_bn_box{width:300px;height: 435px; margin-top:0px; float:right;}
.main_right_bn_box .main_right_bn01{width:100%; background:#FFC933;  text-align:center; font-size:19px;letter-spacing: -1px; font-weight:bold; }
.main_right_bn_box .main_right_bn01 ul li.mrb01{ height:81px;border-bottom:1px solid #c8a033;}
.main_right_bn_box .main_right_bn01 ul li.mrb01 a{ display:block; color:#433a27; padding-top:30px;}
.main_right_bn_box .main_right_bn01 ul li.mrb02{ height:80px;}
.main_right_bn_box .main_right_bn01 ul li.mrb02 a{display:block;  color:#433a27; padding-top:30px;}



.main_right_bn_box .main_right_bn02{width:50%; float:left; }
.main_right_bn_box .main_right_bn02 a{display:block;background:#79746C; }
.main_right_bn_box .main_right_bn03{width:50%; float:left; }
.main_right_bn_box .main_right_bn03 a{display:block;background:#AFACA7;  }
.main_right_bn_box .main_right_bn04{width:50%; float:left; }
.main_right_bn_box .main_right_bn04 a{display:block;background:#928E88; }
.main_right_bn_box .main_right_bn05{width:50%; float:left; }
.main_right_bn_box .main_right_bn05 a{display:block;background:#79746C; }
.main_right_bn_box .main_right_bn06{width:100%; float:left; }
.main_right_bn_box .main_right_bn06 a{display:block;background:#CDCAC9; color:#433a27;font-weight:bold; padding:22px 0px; text-align:center;font-size: 16px;letter-spacing: -1px;}

.main_right_bn_box .mrb_btn a{color:#fff; padding:43px 0px; text-align:center; font-weight:bold;font-size: 16px;letter-spacing: -1px;}



/* 서브컨텐츠 */
.sub_container{width:1100px; margin:0px auto; }
#sub {	position:relative;	 text-align: left;	 margin:0 auto;	clear:both;  background:#ffffff; min-height: 700px; width: 100%; float: left;}
#sidebar {    display: inline;    float: left;    width: 209px;      line-height: 1.5em; padding-bottom:40px;}
#sidebar h2.sidetitle {     padding: 85px 0 20px 0px; min-height:75px;    color: #fff;   background:#F2893B;  font-size: 28px; text-align:center; font-weight: bold; display:block;}
#sidemenu {    padding: 26px 0px 0px 1px;}
.left_menu LI { margin:0px; }
.left_menu LI a{ display: block; font-size:15px;  background:url('../images/icon_left_off.gif') no-repeat 3px 22px; border-bottom:1px #ddd solid; padding:15px 0px 15px 16px; font-weight:bold;color:#8a8a8a;}
.left_menu LI a:hover,.left_menu LI a.on {display: block; background:url('../images/icon_left_on.gif') no-repeat 3px 22px;  text-decoration:none; color:#333333; font-weight:bold; }  


  /* 로그인 */
.left_menu00 LI { margin:0px; }
.left_menu00 LI a{ display: block; font-size:15px;  background:url('../images/icon_left_off.gif') no-repeat 3px 22px; border-bottom:1px #ddd solid; padding:15px 0px 15px 16px; font-weight:bold;color:#8a8a8a;}
.left_menu00 LI a:hover,.left_menu00 LI a.on {display: block; background:url('../images/icon_left_on.gif') no-repeat 3px 22px;  text-decoration:none; color:#333333; font-weight:bold; }  
 
 /* 레프트01 */  
.left_menu01 LI { margin:0px; }
.left_menu01 LI a{ display: block; font-size:14px;  background:url('../images/icon_left_off.gif') no-repeat 0px 22px; border-bottom:1px #ddd solid; padding:15px 0px 15px 10px; font-weight:bold;color:#8a8a8a;}
.left_menu01 LI a:hover,.left_menu01 LI a.on {display: block; background:url('../images/icon_left_on.gif') no-repeat 0px 22px;  text-decoration:none; color:#333333; font-weight:bold; }  
.left_menu01 > li > ul.side_3dep {background:#F5F5F5; padding:10px 0px;}
.left_menu01 > li > ul.side_3dep > li > a{ font-weight:normal; display: block; border:none; font-size:12px; background: url('../images/dot03_on.png') no-repeat 40px 8px;color:#838383; padding:2px 20px 2px 20px;}
.left_menu01 > li > ul.side_3dep > li > a:hover,.left_menu01 > li > ul.side_3dep > li > a.on{ color:#000; font-weight:bold; background: url('../images/dot03_on.png') no-repeat 40px 8px;}
 

 /* 레프트02 */
.left_menu02 LI { margin:0px; }
.left_menu02 LI a{ display: block; font-size:15px;  background:url('../images/icon_left_off.gif') no-repeat 3px 22px; border-bottom:1px #ddd solid; padding:15px 0px 15px 16px; font-weight:bold;color:#8a8a8a;}
.left_menu02 LI a:hover,.left_menu02 LI a.on {display: block; background:url('../images/icon_left_on.gif') no-repeat 3px 22px;  text-decoration:none; color:#333333; font-weight:bold; }  
.left_menu02 > li > ul.side_3dep {background:#F5F5F5; padding:10px 0px;}
.left_menu02 > li > ul.side_3dep > li > a{ font-weight:normal; display: block; border:none; font-size:12px; background: url('../images/dot03_on.png') no-repeat 40px 8px; color:#838383; padding:2px 20px 2px 81px;}
.left_menu02 > li > ul.side_3dep > li > a:hover,.left_menu02 > li > ul.side_3dep > li > a.on{ color:#000; font-weight:bold; background: url('../images/dot03_on.png') no-repeat 40px 8px;}
 

 /* 레프트03 */
.left_menu03 LI { margin:0px; }
.left_menu03 LI a{ display: block; font-size:15px;  background:url('../images/icon_left_off.gif') no-repeat 3px 22px; border-bottom:1px #ddd solid; padding:15px 0px 15px 16px; font-weight:bold;color:#8a8a8a;}
.left_menu03 LI a:hover,.left_menu03 LI a.on {display: block; background:url('../images/icon_left_on.gif') no-repeat 3px 22px;  text-decoration:none; color:#333333; font-weight:bold; }  
.left_menu03 > li > ul.side_3dep {background:#F5F5F5; padding:10px 0px;}
.left_menu03 > li > ul.side_3dep > li > a{background: none;font-weight:normal; display: block; border:none; font-size:12px; color:#838383; padding:2px 20px;}
.left_menu03 > li > ul.side_3dep > li > a:hover,.left_menu03 > li > ul.side_3dep > li > a.on{ color:#000; font-weight:bold; }
 

 /* 레프트04 */
.left_menu04 LI { margin:0px; }
.left_menu04 LI a{ display: block; font-size:15px;  background:url('../images/icon_left_off.gif') no-repeat 3px 22px; border-bottom:1px #ddd solid; padding:15px 0px 15px 16px; font-weight:bold;color:#8a8a8a;}
.left_menu04 LI a:hover,.left_menu04 LI a.on {display: block; background:url('../images/icon_left_on.gif') no-repeat 3px 22px;  text-decoration:none; color:#333333; font-weight:bold; }  
.left_menu04 > li > ul.side_3dep {background:#F5F5F5; padding:10px 0px;}
.left_menu04 > li > ul.side_3dep > li > a{ font-weight:normal; display: block; border:none; font-size:12px;  color:#838383; padding:2px 20px;background:none;}
.left_menu04 > li > ul.side_3dep > li > a:hover,.left_menu04 > li > ul.side_3dep > li > a.on{ color:#000; font-weight:bold;background:none; }
 
 /* 레프트05 */
.left_menu05 LI { margin:0px; }
.left_menu05 LI a{ display: block; font-size:14px;  background:url('../images/icon_left_off.gif') no-repeat 0px 22px; border-bottom:1px #ddd solid; padding:15px 0px 15px 10px; font-weight:bold;color:#8a8a8a;}
.left_menu05 LI a:hover,.left_menu05 LI a.on {display: block; background:url('../images/icon_left_on.gif') no-repeat 0px 22px;  text-decoration:none; color:#333333; font-weight:bold; }  
.left_menu05 > li > ul.side_3dep {background:#F5F5F5; padding:10px 0px;}
.left_menu05 > li > ul.side_3dep > li > a{ font-weight:normal; display: block; border:none; font-size:12px;  color:#838383; padding:2px 20px;}
.left_menu05 > li > ul.side_3dep > li > a:hover,.left_menu05 > li > ul.side_3dep > li > a.on{ color:#000; font-weight:bold; }
 
 /* 레프트06 */
.left_menu06 LI { margin:0px; }
.left_menu06 LI a{ display: block; font-size:15px;  background:url('../images/icon_left_off.gif') no-repeat 3px 22px; border-bottom:1px #ddd solid; padding:15px 0px 15px 16px; font-weight:bold;color:#8a8a8a;}
.left_menu06 LI a:hover,.left_menu06 LI a.on {display: block; background:url('../images/icon_left_on.gif') no-repeat 3px 22px;  text-decoration:none; color:#333333; font-weight:bold; }  
.left_menu06 > li > ul.side_3dep {background:#F5F5F5; padding:10px 0px;}
.left_menu06 > li > ul.side_3dep > li > a{ font-weight:normal; display: block; border:none; font-size:12px;   color:#838383; padding:2px 20px;}
.left_menu06 > li > ul.side_3dep > li > a:hover,.left_menu06 > li > ul.side_3dep > li > a.on{ color:#000; font-weight:bold; }
 
 /* 레프트07 */
.left_menu07 LI { margin:0px; }
.left_menu07 LI a{ display: block; font-size:15px;  background:url('../images/icon_left_off.gif') no-repeat 3px 22px; border-bottom:1px #ddd solid; padding:15px 0px 15px 16px; font-weight:bold;color:#8a8a8a;}
.left_menu07 LI a:hover,.left_menu07 LI a.on {display: block; background:url('../images/icon_left_on.gif') no-repeat 3px 22px;  text-decoration:none; color:#333333; font-weight:bold; }  
.left_menu07 > li > ul.side_3dep {background:#F5F5F5; padding:10px 0px;}
.left_menu07 > li > ul.side_3dep > li > a{ font-weight:normal; display: block; border:none; font-size:12px;   color:#838383; padding:2px 20px;}
.left_menu07 > li > ul.side_3dep > li > a:hover,.left_menu07 > li > ul.side_3dep > li > a.on{ color:#000; font-weight:bold; }
 
ul.side_4dep {background:#aaa;padding:5px 0;margin-top:3px;}
ul.side_4dep > li > a{ font-weight:normal; display: block; border:none; font-size:12px;   color:#fff; padding:2px 5px 2px 20px;background:none;}
ul.side_4dep > li > a:hover, ul.side_4dep > li > a.on{ color:#fff; font-weight:bold; }



#sub_contents {  width: 830px; float: right; margin-top:60px;  line-height:2.0em; margin-bottom: 56px;}  

#contents_head {    position: relative;    top: 0px;    height: 70px;    padding: 0px;  /*  overflow: hidden; */ }
.contentsTitle {    position: relative;    top: 0px;    height: 55px;    padding: 0px; margin-bottom:20px;    border-bottom: 3px solid #333333;}
.contentsTitle h3 {    float: left;    padding:0px 0 0 0;    font-size: 28px;  height: 50px;     font-weight: 600; color: #3c3c3c; letter-spacing:-0.5px; display:block; line-height: 1.5em;}
.contentsLocation {  position: absolute;   right:0px;    color: #888888;    font-size: 13px;    margin-top: 20px; /*font-weight: 700;*/ line-height: 1.5em;}
.contentsLocation strong{color:#555;}
#contents_area{ font-size: 13px; line-height: 2.0em; color: #464646; z-index:50; padding-top:20px;}


/* 하단카피 */
#footers{width:100%; min-width: 1200px;height: 75px;background:#79746C; clear:both; text-align:left; padding:20px 0px;}
#footers .copymenu a{ color:#fff; padding:0px 10px;}
#footers .add{color:#C9C7C4;margin-top:10px; font-size:11px;}
#footers .copyright{color:#C9C7C4;margin-top:3px; font-size:11px;}

.fSelectZone {display:block; float:right; width: 175px; height: 38px;border: 1px solid #fff;background: #79746C; position:absolute; top:0px; right:0px;}
.f_site {height:38px; line-height:38px; text-align:left; padding-left:20px; color:#fff;  font-size:14px; cursor:pointer; background:url('../images/family_btn_on.png') 147px 54% no-repeat;}
.selectList {position: absolute;z-index: 50; left: -1px; top: -141px; width: 175px; overflow: hidden; background:#79746C;  font-size: 13px;  padding:0;border: 1px solid #fff;padding: 5px 0;}
.selectList li {padding:4px 0 2px 10px;  height: 20px; overflow: hidden;text-align: left;}
.selectList li a {color: #fff;font-size:12px;}
.selectList li a:hover {text-decoration:underline;}

.top00{position: fixed; bottom: 10px; right: 10px; z-index: 99990; display: block;}
.sub{background:url("../images/main_bg.gif") repeat-x 50% 0px;}

.sub_bg{background:url("../images/main_bg22.gif") repeat-x 0px 0px;}


@media all and  (max-width:1100px) {
body{min-width:100%; overflow-x: hidden;}
#footers{min-width:100%; }
}


@media all and  (max-width:600px) {
.quick{display:none;}

.sub_bg{background:none;}

.sub{background:none;}

table.pyo_cart th {padding:0% !important;}
.address {width:90% !important;}


/*메인이벤트*/
.main_event_wrap{margin:20px 0px 10px 0px; height:auto; overflow: hidden;}
.main_event_wrap li{width:100%; float:left; margin-bottom:5px;}
.main_event_wrap li.main_event01{margin-right:0px;}
.main_event_wrap li a img{width:100%;}


.pics1{width:100%; float:none; margin-bottom:5px; margin: 5px auto;}
.pics2{width:100%; float:none; margin-bottom:5px; margin: 5px auto;}
.pics3{width:100%; float:none; margin-bottom:5px; margin: 5px auto;}
.pics3 img{width:100%;}


.pics img{width:100%;}

#main_event_all{  display: block;   position: relative;}
#main_event_all ul{display: block;   position: relative; width:100%;}

#main_event_all ul li.main_event_btn{width: 100%; text-align: center;  cursor: pointer;}
#main_event_all ul li.main_event_btn ul li{float:left;}



/* 레이아웃 모바일 */
#wrap { min-width: 340px;  }
#header_wrap{width:100%; height: 100%;}
.header .gn_area { display:none;} 
.header .logo{float:left; height:auto; margin:67px 0px 22px 3px;  max-width:300px;}
.header .logo img{width:100%;}
.header .userR {width:100%; height: 45px;}
.header .userR ul { float: none; margin-top: 0px; width: 100%;}
.header .userR ul li { float: left; }
.header .userR ul li.user_01{width:7%;padding:10px 1% 0px 1%;}
.header .userR ul li.user_02{width:7%;padding:10px 1% 0px 0px;}
.header .userR ul li.user_03{width:7%;padding:10px 1% 0px 0px;}
.header .userR ul li.user_04{width:7%;padding:10px 1% 0px 0px;}
.header .userR ul li.user_05{width:7%;padding:10px 1% 0px 0px;}
.header .userR ul li.user_06{width:41%;background:none; margin-left:5px; float:right;}
.header .userR ul li.user_07{width:7%;padding:10px 1% 0px 0px;}
.header .userR ul li.user_01 img{width:100%;}
.header .userR ul li.user_02 img{width:100%;}
.header .userR ul li.user_03 img{width:100%;}
.header .userR ul li.user_04 img{width:100%;}
.header .userR ul li.user_05 img{width:100%;}
.header .userR ul li.user_07 img{width:100%;}

.gsearch input[type="text"] {width:70%; height: 34px; line-height: 34px; padding: 0px 0px 0px 10px; border: medium none;}

.header .userR ul li a{font-size:11px;}
.header {width:100%; height:100%;}

.topmenu li{margin-top: 5px;}
.topmenu li a{color:#555;}
.topmenu li a:hover, .topmenu li a:active{color:#000;}

/* 비주얼 모바일 */
.visual_area{display:none;}

.visual-text-bg {position: relative;top: 0px;width: 100%;}
.visual-text {left: 5%;width: 90%;}


/* 메인베너 모바일 */
.main_bn_box{width:100%; height: 222px;}
.main_bn_box > ul > li{width: 25%; width: 50%;}
.main_bn_box > ul > li.main_bn01{ background:#F2893B url('../images/bg_icon01.gif') no-repeat 10px center; }
.main_bn_box > ul > li.main_bn01 a span{ display: block; padding:40px 0px 0px 55px;}
.main_bn_box > ul > li.main_bn02 { background: #9BC133 url('../images/bg_icon02.gif') no-repeat 21px center;}
.main_bn_box > ul > li.main_bn02 a span { display: block;  padding: 45px 0px 0px 83px;}
.main_bn_box > ul > li.main_bn03{ background:#42A0D3 url('../images/bg_icon03.gif') no-repeat 10px 35%; }
.main_bn_box > ul > li.main_bn03 a span{ display: block; padding:45px 0px 0px 65px;}
.main_bn_box > ul > li.main_bn04{ background:#EF9191 url('../images/bg_icon04.gif') no-repeat 20px center; }
.main_bn_box > ul > li.main_bn04 a span{ display: block; padding:40px 0px 0px 90px;}

.main_con_bn_box{width: 98%;margin: 0px auto;}

/* 메인컨텐츠배너 */
.conbn{height: auto; overflow: hidden; margin-top: 20px;margin-bottom: 10px;padding-top: 20px;}
.conbn li{float:none;width:45%;margin:0 auto 15px auto; border-bottom:1px solid #ddd;padding: 7px 0 15px 94px;height: 83px;line-height: 90px;text-align: left;}
.conbn li.conbn01{background: url('../images/bn_icon01.png') no-repeat 0px center; }
.conbn li.conbn02{background: url('../images/bn_icon02.png') no-repeat 0px center; }
.conbn li.conbn03{background: url('../images/bn_icon03.png') no-repeat 0px center; }
.conbn li.conbn04{background: url('../images/bn_icon04.png') no-repeat 0px center;}
.conbn li.conbn05{background: url('../images/bn_icon05.png') no-repeat 0px center;border-bottom:none;}

.conbn2019 {height: 440px;}
.conbn2019-tit {font-size: 26px;padding-top: 40px;float:none;width:100%;text-align:center;}
.conbn2019 ul {width: 100%;}
.conbn2019 ul a {font-size: 14px;line-height: 18px;}
.conbn2019 ul li {width: 31%;margin: 0 1%;}
.conbn2019 ul li::after {display:none;}
.conbn201901 {margin-bottom:10px !important;}
.conbn201902 {margin-bottom:10px !important;}
.conbn201903 {margin-bottom:10px !important;}
.conbn201904 {margin-bottom:10px !important;}
.conbn201901:hover {transition:all 0.3s;background: url('../images/conbn201901.png') no-repeat 50% 5px;}
.conbn201902:hover {transition:all 0.3s;background: url('../images/conbn201902.png') no-repeat 50% 5px;}
.conbn201903:hover {transition:all 0.3s;background: url('../images/conbn201903.png') no-repeat 50% 5px;}
.conbn201904:hover {transition:all 0.3s;background: url('../images/conbn201904.png') no-repeat 50% 5px;}
.conbn201905:hover {transition:all 0.3s;background: url('../images/conbn201905.png') no-repeat 50% 5px;}
.conbn201906:hover {transition:all 0.3s;background: url('../images/conbn201906.png') no-repeat 50% 5px;}




/* 메인 리스트 */
.visualWrap {margin:0px auto 0px;width:100%;min-height:356px;background:none; overflow: hidden;}
.visualArea { width:100%; margin:0 auto;position: relative; overflow: hidden;}
.visualArea .visualBar {width:85px;height:25px;margin:10px auto;position:relative}
.visualArea .visualBar .controller li {float:left;margin-left:5px}
.visualArea .visualBar .controller li.first {margin-left:0}
.visualArea .bbsLst { width:340px; margin:0px auto; padding-top:0px;overflow:hidden}
.visualArea .bbsLst ul{overflow:hidden;position:relative;height:315px}
.visualArea .bbsLst ul:after{display:block;clear:both;content:""}
.visualArea .bbsLst li{overflow:hidden;float:left;position:relative;width:340px; height:315px; margin-right:0px}
.visualArea .bbsLst li .bbsCate { position:absolute;top:158px;left:0px; height:20px;line-height:20px; z-index:22}

.visualArea .bbsLst .thumb{display:block;overflow:hidden;position:relative;width:100%;line-height:180px;text-align:center}
.visualArea .bbsLst .thumb .img{display:block;border:0;width:99%; border:1px #555 solid;}
.visualArea .bbsLst a{display:block;width:100%;margin:0 auto;padding:0;text-decoration:none;cursor:pointer}
.visualArea .bbsLst a:focus{border:2px dotted #000}
.visualArea .bbsLst strong{display:inline-block;width:100%;margin:8px 0 3px 10px;color:#333; font-size:15px; text-align: center;}
.visualArea .bbsLst p{width:100%;margin:0 auto;font-size:13px;color:#666;line-height:18px;height:40px; overflow:hidden;text-align:justify}
.visualArea .bbsLst a:hover strong,.visualArea .bbsLst a:active strong,.visualArea .bbsLst a:focus strong{text-decoration:underline}

/* sns 뉴스 */
.now-sns{float:none;width:92%;position:relative;padding:33px 0 30px 0px;margin: 20px auto 0 auto;}
.sns-list-wrap {height: 210px;}

/* 메인 공지사항 */
.noti-wrap{width:100%;}
.notice{position:relative;  width:98%; float:none; margin:0 auto 15px auto;}
.notice ul li{width:100%;height:22px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; padding-left:12px; background: url('../images/notice_dot.gif') no-repeat left 11px; }

.notice a.more{right:0px;}

.main_movie_box{float: none; width:98%;height: auto; margin:0px auto;}
.movie-wrap{width:100%; margin-top:20px; margin-bottom:30px;}
.movie{ height:200px;}



/* 메인 우측 배너 */
.main_right_bn_box{width:98%;height: 418px;margin:0px auto; float:none;}
.main_right_bn_box .main_right_bn01{width:100%; background:#FFC933; text-align:center; font-size:20px; font-weight:700; }
.main_right_bn_box .main_right_bn01 ul li.mrb01{ height:90px;}
.main_right_bn_box .main_right_bn01 ul li.mrb01 a{ display:block; color:#6a524e; padding-top:30px;}
.main_right_bn_box .main_right_bn01 ul li.mrb01 span{font-size:12px;color:#6a524e;}
.main_right_bn_box .main_right_bn01 ul li.mrb02{ height:80px;}
.main_right_bn_box .main_right_bn01 ul li.mrb02 a{display:block;  color:#6a524e; padding-top:30px;}

.main_right_bn_box .main_right_bn02{width:50%; float:left; }
.main_right_bn_box .main_right_bn02 a{display:block;background:#79746C; }
.main_right_bn_box .main_right_bn03{width:50%; float:left; }
.main_right_bn_box .main_right_bn03 a{display:block;background:#AFACA7;  }
.main_right_bn_box .main_right_bn04{width:50%; float:left; }
.main_right_bn_box .main_right_bn04 a{display:block;background:#928E88; }
.main_right_bn_box .main_right_bn05{width:50%; float:left; }
.main_right_bn_box .main_right_bn05 a{display:block;background:#79746C; }
.main_right_bn_box .main_right_bn06{width:100%; float:left; }
.main_right_bn_box .main_right_bn06 a{display:block;background:#CDCAC9; color:#686258; padding:20px 0px; text-align:center;}

.main_right_bn_box .mrb_btn a{color:#fff; padding:30px 0px; text-align:center; font-weight:bold;}

#footers{margin-top:30px;float: none;text-align: center;height:auto;}
.d_width {width:100%;}
.fSelectZone {display:none;}

/*서브모바일*/
.sub_container{width:100%; margin-top:0px; }
#sidebar{display:none;}
#sub_contents {  width: 100%; float: none; margin-top:0px;  padding-top:0px;line-height:2.0em; margin-bottom:0px; margin-right:0px; border-left:none;}  
#sub_contents_head {  padding:0px 0% 0px 0%; }

.contentsTitle { display:none; height: 42px; }
.contentsTitle h2 {   padding:0px 0 0 0;  height:70px;  }
.contentsLocation { bottom:10px;}
#contents_area{ padding:20px 2% 50px 2%;}
#contents_area img.w100{width:100%;}
p.date{font-size:10px; text-align:center; margin-top: -10px;}






.webv{display:none;}
.mobv{display:block;}


.webv_in_blc{display:none;}


.col_5 {width:50px;}


}