.cB:after {content:''; display:block; clear:both;}

/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:75px}
/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

#header { min-height:100px; width:100%; z-index:9999999999; position:relative; z-index:10; border-bottom:1px solid rgba(0,0,0,0.1); box-sizing:border-box; box-shadow:0px 0px 5px rgba(0,0,0,0.1);}
#header a.logo {background:url(../img/common/logo.png) no-repeat 0 0; width:146px; height:55px; display:inline-block;  transition:all .5s; text-indent:-9999px;}
#header .headerWrap{position:relative; width:1200px; margin:0 auto; z-index:170;}

@media (max-width: 1024px) {
#header .headerWrap{width:100%;}
}

#header .headerWrap h1 {position:absolute; top:24px; left:0; z-index:10;}

/* gnb menu */
#gnb{position:absolute; top:0px; right:0px; }	/* 230에서 수정 20200102 */
#gnb > ul {text-align:right;}
#gnb > ul > li{ position:relative; float:left;}
#gnb > ul > li:first-child{ margin-left:0px;}
#gnb > ul > li > a{color:#333; display:block; padding:0 50px;  font-size:18px; text-align:center; height:99px;  line-height:99px; transition:all .5s; position:relative;  box-sizing:border-box; font-weight:400;}
#gnb > ul > li > a:after {content:''; display:block; width:0; height:1px; background:#000; position:absolute; bottom:0; left:0; transition:all .2s;}
#gnb > ul > li > a:hover,
#gnb > ul > li > a.selected,
#gnb > ul > li > a.on{color:#000;}
#gnb > ul > li > a.on:after {width:100%;}

#gnb div.submenu{position:absolute;top:100px;left:0;width:100%; z-index:160; box-sizing:border-box;}
#gnb div.submenu ul{position:absolute;top:0px; text-align: center; height:368px; padding-top:10px; width:100%; box-sizing:border-box;/* border-left:1px solid #dedede;*/}
#gnb div.submenu ul:hover {background:#fafafa; }
#gnb div.submenu ul::after{display:block;clear:both;content:''}
#gnb .lnb6 div.submenu ul {/*border-right:1px solid #dedede;*/}

#gnb div.submenu ul li{display:block;margin-bottom:2px; text-align: center;}
#gnb div.submenu ul li a{background:none; color:#333; font-size:15px;height:auto;font-weight:normal; line-height:33px; letter-spacing:-0.05em;}
#gnb div.submenu ul li a:hover, #gnb div.submenu ul li a:active, #gnb div.submenu ul li a:focus,  #gnb div.submenu ul li a.selected{color:#000}
#header a.btn_allmenu{position:absolute; right:0; top:65px;}
#gnb div.submenu ul li div{display:none}

#header .gnb_bg {background:#fff /*url('../img/common/hover_bg.png') no-repeat 50% bottom*/; position: absolute;top:100px;left:0; width: 100%; height:370px; display:none;z-index:150;  border-bottom:1px solid #dedede;}

#header .sns {position:absolute; top:30px; right:-100px;}
#header .sns a {width:40px; height:40px; display:block; text-indent:-9999px; float:left; margin-left:5px;} 
#header .sns a.facebook {background:url('../img/common/sns_facebook.png') no-repeat 50% bottom;} 
#header .sns a.youtube {background:url('../img/common/sns_youtube.png') no-repeat 50% bottom;}
#header .sns a.blog {background:url('../img/common/sns_blog.png') no-repeat 50% bottom;} 
#header .sns a.insta {background:url('../img/common/sns_insta.png') no-repeat 50% bottom;} 


#mobile_menu {display:none;}

div.log {position:absolute; top:30px; right:0px;}
div.log a { float:left; width:32px; height:32px; background:rgba(0,0,0,0.3); box-sizing:border-box; text-indent:-9999px;}
div.log a.cart {background:#fff url('/common/images/common/icon_cart.png') no-repeat 50% 50%;}
div.log a.member {background:#fff url('/common/images/common/icon_mem.png') no-repeat 50% 50%;}
div.log a.allmenu {background:#fff url('/common/images/common/icon_menu.png') no-repeat 50% 50%;}

@media (max-width: 1024px) {
div.log {position:absolute; top:20px; right:55px;}
div.log a.member {display:none;}
#header .sns{display:none;}

#header { min-height:70px; }
#header .headerWrap h1 {position:relative; top:auto; left:auto; z-index:10; padding-top:17px; padding-left:10px;}
#header a.logo {width:136px; height:55px; background-size:100%;}

#gnb {display:none;}
#header a.lang {display:none;}
#mobile_menu {display:block; position:absolute; top:0; right:0; z-index:100;}
body {position:relative;  right:0;  -webkit-transition: right .3s;  transition: right .3s; height:100%; display:block;}
body.open {right:240px; }
a.menu-icon {display:block; position:absolute; top:20px; right:21px; width: 33px;}

.navigation {position:absolute;  top: 0;  right:-240px;  width:240px; display:none;}
.navigation div.tit {border:1px solid #dedede; text-align:center;  padding:0px 0px 10px 0px;}
.navigation div.tit img {width:80%; margin:10px 0;}
div.mlog a {padding:2px 0; margin:0 3px; border:1px solid #dedede; display:inline-block; width:80px; box-sizing:border-box;}


ul.side-menu {  height:100%;  min-height:1024px; background:#000;  z-index:-1;  -webkit-transition:all .3s;  transition: all .3s; }
ul.side-menu li {  position:relative; } 
ul.side-menu li a{position: relative;border-bottom:1px solid rgba(255,255,255,0.4);  padding:15px 15px; color:#fff; display:block; text-align:left; font-size:16px;   }
ul.side-menu li a{background:#000;}
ul.side-menu li a i {position: absolute; top: 22px;    right: 14px;    font-size: 15px;}
ul.side-menu li a.on {/*background:#000;*/}
ul.side-menu li a.on i {-webkit-transform:rotate(90deg); transform:rotate(90deg); -webkit-transition:all 0.15s ease-out; transition: all 0.15s ease-out;}
ul.side-menu li ul {background:#f9f9f9; }
ul.side-menu li ul li a{background:#f9f9f9; border:none; border-bottom:1px solid #d9d9d9; color:#222; font-size:16px; line-height:40px; padding:0; text-align:left; padding-left:10px; font-weight: normal;}
ul.side-menu li ul li.depth>a{background:#0075c1 url(../img/common/mmenu_on.png) no-repeat 210px 50%;}
ul.side-menu li ul li ul {padding:0px;}

ul.side-menu li ul li ul li a{background:#3f3f3f; font-size:13px; padding:5px 10px; line-height:20px; color:#999;}
.navigation.open {display:block;}
}


.dvwrap {width:1200px; margin:0 auto; position:relative;}

@media (max-width: 1024px) {
.dvwrap {width:100%; padding:0px 20px; box-sizing:border-box;}
}




/* 서브메뉴 */
.sideNavi {width:200px; z-index:999999px; float:left; margin-top:50px; margin-bottom:50px;}
.sideNavi div.tt {border-radius:20px; background:url(/img/common/left_tit.png) no-repeat right bottom;  min-height:200px; box-sizing:border-box; padding:20px;}
.sideNavi div.tt span {color:rgba(255,255,255,.7); font-weight:500; display:block; margin-bottom:0px;}
.sideNavi div.tt h6 {font-weight:700; font-size:28px; color:#fff; line-height: 36px;}
.sideNavi ul {position:relative;  box-sizing:border-box;}
.sideNavi ul li { line-height:60px;  font-size:15px;  border-bottom:1px solid #dedede; }
.sideNavi ul li a {display:block; box-sizing:border-box; padding-left:10px; position:relative;}
.sideNavi ul li a::after {content:''; display:block; width:22px; height:23px; transition:all .2s; background:url(/img/common/left_bul_02.png) no-repeat 50% 50%; position:absolute; top:20px; right:10px;}

.sideNavi ul li.on a, .sideNavi ul li a:hover {color:#000; font-weight:600;}
.sideNavi ul li.on a::after {background:url(/img/common/left_bul_01.png) no-repeat 50% 50%;}




#contents {background:#fff /*url('/common/images/common/stop_img.png') no-repeat 50% -50px;*/}

.subContent{position:relative; width:100%; }



.subContent div.contit {position:relative; text-align:center;}
.subContent div.contit h2{  font-size:60px;  color:#fff;  padding:10px 0px; font-weight:700; line-height:50px; padding-top:60px;}
.subContent div.contit h2 span {display:block; font-size:14px;}

.incon { margin-top:130px; min-height:600px; margin-bottom:30px;}
.incon h3 {background:url(/common/images/common/bul_h3.png) no-repeat 0 10px; padding-left:15px; color:#000;  font-size:20px; font-weight:700; margin: 50px 0 15px 0;}
.incon h3:first-child {margin-top: 20px;}

table.type01 {border-collapse:collapse;  text-align:center; width:100%; font-size:14px;}
table.type01 th {background:#f6f6f6; padding:13px 0px 10px 0px; border:1px solid #dedede;}
table.type01 thead th {border-top:2px solid #5c81c6; background:#f1f5fc;}
table.type01 td {border:1px solid #dedede; padding:12px 15px 9px 15px;}

p.bul_type01, ul.bul_type01 > li {background:url(/common/images/sub/bul_01.png) no-repeat 0px 9px; padding-left:12px;  }
ul.bul_type01 li ul.bul_type02 li {background:url(/common/images/sub/bul_02.png) no-repeat 0px 9px; padding-left:8px; }
p.bul_type02, ul.bul_type02 > li {background:url(/common/images/sub/bul_02.png) no-repeat 0px 9px; padding-left:12px; font-size:13px; }


@media (max-width: 1024px) {
.sideNavi {display:none;}
.subContent {width:100%; box-sizing:border-box; margin-top:0px; }

.subContent div.contit p {position:relative; top:auto; right:auto; padding-bottom:5px;}
}



#footer{background:#fff;  position:relative; min-height:150px; width:100%; color:#7e7e7e; font-size:15px;}
#footer div.wrap{position:relative;  width:1200px; margin:0 auto; text-align:left;}
#footer .copy{padding:30px 0 0 0; }
#footer .copy span {font-size:15px; display:block;}
#footer .copy p.fbtn {margin-bottom:10px;}
#footer .copy a {background:rgba(0,0,0,0.1); color:#fff; padding:5px 10px; margin:0 2px;}
#footer .copy a:hover {background-color:#000; color:#fff; transition:all .5s;}
#footer .copy p.add {margin-bottom:5px;}
#footer .copy p.add strong {display:inline-block; width:80px; background:rgba(0,0,0,0.3); border-radius:2px; padding:0 10px; text-align:left; box-sizing:border-box; margin-right:10px;}

#footer .copy span.copyright_area {font-size:15px;}

/******** 회원 폼 **********/
#footer.logform{background:#fff;  position:relative; min-height:50px; width:100%; color:#666; font-size:12px; border-top:1px solid #dedede; padding-top:10px;}
#footer.logform { text-align:center;}

/******** 회원 폼 **********/




@media (max-width: 1024px) {
#footer div.wrap{width:100%; padding:0px 10px; box-sizing:border-box;}
#footer .dvfoot_logo{ display:none;}
#footer .copy{padding:20px 0 0 0px; text-align:center; padding-bottom:20px;}
#footer .copy span {display:block; margin-left:0;}
#footer .copy p.fbtn {position:relative; top:auto; right:auto; margin-bottom:10px; }
#footer .copy p.fbtn .email_Refusal {display:none;}
}

@media only screen and (max-width: 1024px){
img{max-width: 100%;}
}


/* 게시글 검색 */
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[type='text'] {height:30px; line-height:30px; border:1px solid #dedede;}
div.board_search input[type='submit'] {background:#0052bd; color:#fff; font-weight:bold; border:none; padding:0px 20px; height:31px; line-height:31px; width:80px;}




/* 게시글 목록 */
.tb_board {width:100%; border:0; border-collapse:collapse; margin-bottom:40px;}
.tb_board th {padding:10px 5px 8px; border-bottom:1px solid #bcbcbc; border-top:2px solid #333; background:#fafafa; font-weight:500;}
.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 .num {width:8%}
.tb_board .num_notice {width:28%;text-align:left}
.tb_board .subject {width:auto}
.tb_board td.subject {padding:12px 10px 10px 5px;color:#333;text-align:left}
.tb_board .subject a {color:#333}
.tb_board .subject a:hover, .tb_board .subject a:active, .tb_board .subject a:focus {color:#0033cc;}
.tb_board .writer {width:12%}
.tb_board .publish {width:8%}
.tb_board .reply {width:8%}
.tb_board .date {width:14%}
.tb_board .file {width:8%}
.tb_board .refer {width:9%}


/* 게시글 읽기 */
.tb_board_read {width:100%; border:0; border-collapse:collapse; border-top: 2px solid #333;}
.tb_board_read thead th {background:#fafafa; padding:10px 5px 8px;  border:none;  border-bottom:1px solid #e5e5e5; }
.tb_board_read thead th.title {border-top:2px solid #333;  text-align:center;}
.tb_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;}
.tb_board_read td  img{width:100%;}
.tb_board_read thead td.title {
    border-top: 2px solid #333;
    text-align: center;
    background: #fafafa;
    padding: 10px 5px 8px;
    border: none;
    border-bottom: 1px solid #e5e5e5;
    font-weight: bold;
}
.tb_board_read thead td.rc {font-size:12px;}
.tb_board_read thead td.rc span {background:url(/img/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;}
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; border-top: 2px solid #333;}
.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 {background:#fafafa; 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 0px;}
.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:90%;}
.tb_board_write tbody td textarea {width:90%; border:1px solid #ccc;}

/* 게시글 페이징 */
.pageing {text-align:center; font-size:13px; position:relative; margin-bottom:50px; clear:both;}
.pageing a {border:1px solid #dedede; padding:7px 10px 7px 10px; color:#666;}
.pageing a.on {color:#fff; font-weight:bold; background:#333; border:1px solid #000; text-decoration:underline;}

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

/* 갤러리 목록 */
.media_list {position:relative;}
.media_list ul li {background:#f6f6f6; float:left; margin-right:2%; margin-bottom:30px; width:32%;}
.media_list ul li:nth-child(3), .media_list li:nth-child(6), .media_list li:nth-child(9) { margin-right:0; }
.media_list ul li div {border:1px solid #dedede; display:block;  padding:9px; }
.media_list ul li div 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 input {margin-right:5px; border:1px solid #dedede; margin-top:3px;}
.media_list ul li p span { font-size:12px; font-weight:normal; color:#767676; margin-top:30px; text-align:right; display:block;}

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







#photo { overflow:hidden; position:relative;}
#photo .tit {font-size:38px; margin-bottom:40px; text-align:center;}
#photo .sosic_con1 {position:relative;}
#photo .sosic_con1 li {margin-right:10px; background:#fff; float:left; width:24%; margin-bottom:20px; box-sizing:border-box; border:1px solid #e1e1e1; padding-bottom:20px;}
#photo .sosic_con1 span.title { display:block; width:100%; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; box-sizing:border-box; position:relative; padding:20px 20px 10px 20px; font-size:22px; font-size:16px;}
#photo .sosic_con1 span.date {color:#999; display:block; padding:0px 20px 20px 20px; font-size:16px; font-weight:300;}
#photo .sosic_con1 .thum {width:100%;  height:180px; overflow:hidden;}
#photo .sosic_con1 .thum img{width:100%;  
transform:scale3d(1,1,1) rotate3d(0,0,0,0.01deg);
 -webkit-transform:scale3d(1,1,1) rotate3d(0,0,0,0.01deg);
 -moz-transform:scale3d(1,1,1) rotate3d(0,0,0,0.01deg);
 transform-origin:50%;
 -webkit-transform-origin:50%;
 transition:transform .5s ease-out;
 -webkit-transition:transform .2s ease-out;
 -moz-transition:transform .5s ease-out;}
#photo .sosic_con1 a:hover .thum img{
transform:scale3d(1.2,1.2,1) rotate3d(0,0,0,0.01deg);
 -webkit-transform:scale3d(1.2,1.2,1) rotate3d(0,0,0,0.01deg);
-moz-transform:scale3d(1.2,1.2,1) rotate3d(0,0,0,0.01deg);
transition:transform 3s ease-out;
 -webkit-transition:-webkit-transform 3s ease-out;
-moz-transition:-moz-transform 3s ease-out;}

@media (max-width: 1000px) {
	#photo .sosic_con1 li { width:32%;}
}


@media (max-width: 600px) {
#photo .tit {text-align:left;}
#photo {width:100%; overflow:hidden;}
#photo .sosic_con1 {width:100%;}
#photo .sosic_con1 li { width:100%; margin-right:0px; }
#photo .sosic_con1 .slick-prev {left:0px;}
#photo .sosic_con1 .slick-next {right:0px;}
}








#container{position:relative; padding-top:0px; /*background:url(/common/images/common/con_bg.gif) repeat-x;*/}
#container.scontainer{max-width:1200px; margin:0 auto ;  z-index:5; clear:both;}

/*
@media only screen and (min-width:1024px) and (max-width:1199px){
	#container.scontainer{max-width:98%}
}

*/

td.l{text-align: left;}
/* 사이드 메뉴 */
#side {display: block;  float: left;  width:20%;/* width:230px;*/  padding: 0;}
#side .sub_title { padding: 30px 0 ;  background:#ff6989;  color: #fff;  font-size: 25px;  text-align: center; font-weight: 600;}
#side .sub_title span{display: block;  font-size:16px; font-weight:normal; opacity: 0.5;}

.sub_menu ul.page_menu {margin:0;background:#e5e5e5;width:200px;padding:0 10px 10px 10px;}
.sub_menu ul.page_menu > li{background:#ffffff;padding:8px 15px;}
.sub_menu ul.page_menu > li a{display:inline-block;margin-left:10px;font-size:16px;font-weight:bold;font-family:'Noto Sans KR';color:#878787;}
.sub_menu ul.page_menu > li a:hover,
ul.page_menu > li.on a{color:#53a135;text-decoration:none;}
.sub_menu ul.page_menu > li:first-of-type{padding-top:30px;}
.sub_menu ul.page_menu > li:last-of-type{padding-bottom:80px;}
ul.menuG03 > li a{margin-left:5px;font-size:13.3px;letter-spacing:-1.0px;}
.sub_menu ul.page_menu.gr07 > li a{font-size:13.3px;margin-left: 5px;letter-spacing: -1.0px;}

.sub_menu .sm_2th { width: 100%;  padding: 0;  margin: 0; border-bottom: solid 1px #e0e0e0;}
.sub_menu .sm_2th > li {  margin: 0;  padding: 0;    border-top: none; position: relative; }
.sub_menu .sm_2th > li > a {  display: block;    min-height: 35px;  border-bottom: solid 1px 0 #e0e0e0 !important;  padding: 15px 20px;  color: #666;  font-size: 15px;  line-height: 19px;  text-decoration: none;  
cursor: pointer;}
.sub_menu .sm_2th > li > a > span {position: absolute; right:22px;}
.sub_menu .sm_2th > li > a > span > i { }
.sub_menu .sm_2th > li > a:hover { color:#ff6989; background-color:#f3f3f3; padding-left:20px}
.sub_menu .sm_2th > li > a > .more {  display: block;  position: absolute;  top: 50%;  right: 15px;  width: 18px;  height: 18px;  margin-top: -10px;  border: 1px solid #e4e4e4;  transition: all .4s;  font-size:0;}
.sub_menu .sm_2th > li > a > .more em { position: absolute;  background-color: #a4a4a4;  transition: all .4s;}
.sub_menu .sm_2th > li > a > .more .ver {  top: 50%;  left: 50%;  width: 2px;  height: 10px;  margin: -5px 0 0 -1px;}
.sub_menu .sm_2th > li > a > .more .hor {  top: 50%;  left: 50%;  width: 10px;  height: 2px;  margin: -1px 0 0 -5px;}
.sub_menu .sm_2th > li.on > a { color: #ff6989; font-weight: 500; background-color:#fff4f7;}
.sub_menu .sm_2th > li.on > a > span {color:#ff6989;position:absolute; right:22px;}
.sub_menu .sm_2th > li.on > a > span > i  {color:#ff6989;}
.sub_menu .sm_2th > li > a:hover > span {color: #ff6989;}
.sub_menu .sm_2th > li > a:hover > span > i {color:#666;}

.sub_menu .sm_2th > li.open > a > span > i { -webkit-transform:rotate(450deg); transform:rotate(450deg); -webkit-transition:all 0.51s ease-out; transition: all 0.51s ease-out; }
.sub_menu .sm_2th > li > ul {padding: 0 0 8px; margin:0; list-style:none; display:none;}
.sub_menu .sm_2th > li > ul > li {position: relative;}
.sub_menu .sm_2th > li > ul > li > a, 
.sub_menu .sm_2th > li > ul > li > span.type-id {display: block; padding: 6px 10px 6px 30px; font-size: 14px; color: #222; background: url(../img/common/sub_dot.gif) no-repeat 20px 14px;}
.sub_menu .sm_2th > li > ul > li a:hover {background-color:#f9f9f9; text-decoration:none; color:#000;}
.sub_menu .sm_2th > li > ul > li.active a{color:#000; font-weight:bold;}

.sm_2th > li.on > a > .more, .sm_2th > li > a:hover > .more { border-color: #000;}
.sm_2th > li.on > a > .more em.ver, .sm_2th > li > a:hover > .more em.ver { background-color: #000; transform: translateY(0) rotate(-450deg);}
.sm_2th > li.on > a > .more em.hor, .sm_2th > li > a:hover > .more em.hor { opacity: 0;}
.sm_3th { display: none;  margin: -1px 0 0 0;  padding: 13px 0 13px 20px;  background-color: #f6f7f9;  border-top: 2px solid #000;}
.sm_3th a {  padding: 5px 0 5px 10px;  color: #555;  font-size: 15px;  line-height: 15px;}
.sm_3th .on a,.sm_3th a:hover{font-weight:600;}
.sm_2th .on .sm_3th {  display: block;}


#con {position: relative; float:right; width:77%; min-height:800px;  margin-bottom:50px;}
#detail_con  { position: relative; margin-left: auto; margin-right: auto; box-sizing: border-box; word-break:keep-all !important; }
#detail_con h2.mn_tit	 { clear: both; padding: 10px 0 10px 0; color: #000; font-size:45px; font-weight: 600; line-height: 90px; border-bottom:1px solid #e1e1e1; margin-bottom:30px; 
letter-spacing:-2px; /*background: #fff url('../img/common/visual_bg_99.png') no-repeat right 0;*/}
@media (max-width: 1024px) {
  #detail_con h2.mn_tit {
  font-size:25px; background: #fff !important;  padding: 10px 0 5px 0 !important; margin-bottom:0 !important; line-height:80px;}
}

#location{position:absolute; left:5px; top:80px; color:#888888;}
#location li{float:left; font-size:13px; line-height: 25px; background:url(../img/common/loc_arr.gif) no-repeat left 50%; padding-left:8px; margin-left:8px;}
#location li:first-child {background:none; padding-left:0px; margin-left:0px;}


#detail_con h3 {position: relative; font-size:28px; padding-left:0px; margin:40px 0 15px 0px; color: #333; font-weight:700; letter-spacing:-0.1em;}
#detail_con h3:before {content: ''; position: absolute; left: 0; top:12px; width:32px; height:28px;/* background:url('../img/common/bul.png') no-repeat 0 0;*/}


@media (max-width: 1024px) {
	.left-customer {display:none;}
	#container{ padding-top:0px;}

	#side{ float:none; width:100%; margin-top:0px; }
	#side .sm_2th{display:none;}
	#side > .sub_menu > ul.page_menu{display:none;}
	#con {float:none; width:100%; min-height:auto; }
	#detail_con{padding:10px; margin-top:20px;}
	#sub_visual{display:none;}
	#side .sub_title {  padding: 10px 0 10px 10px; color: #fff;  font-size: 19px;  text-align: left; display:block; width:100%; height:55px;}
	#detail_con h2	{font-size:30px; padding: 0px 0 20px 0; margin-bottom:30px;}
	#location{position:absolute; right:10px; top:24px;}
	
}


.img_original {   display: inline-block;    position: relative;    width: auto;  padding: 0;    font-size: 0;    line-height: 0;    vertical-align: middle;}
.img_original img{width:100%;}
.img_original a{display:none;position:absolute;right:0;bottom:0;padding:5px 10px;background-color:rgba(0,0,0,0.7);  color:#fff;font-size:15px;line-height:25px;}
.img_original a i{display:inline-block;width:25px;height:25px;margin:0 10px 0 0;vertical-align:middle; text-align: left; background:url(/common/images/common/zoom.png) no-repeat 0 0; background-size:cover;}


@media screen and (max-width:1000px) {
  .img_box{padding:3%;}
  .img_original{padding:0 0 55px;}
  .img_original a{display:block;}
}


.tbl {margin-top:10px; margin-bottom:10px;}
.tbl th {text-align:center; }
.tbl td, .tbl th {padding:15px; border:1px solid #cccccc; line-height:18px; vertical-align: middle; box-sizing: border-box; word-break: break-all;}
.tbl thead tr:first-child th {border-bottom:none; background:#f8f8f8; }
.tbl thead th {background:#f8f8f8; color:#555; /*border-bottom: none;*/}

.tbl tbody th {background:#fafafa; font-weight: normal;}
.tbl tbody td {line-height:22px;}
.tbl tfoot th {background:#f7faef; color:#555;}
.tbl td {background: #fff;}
.tbl td > ul{margin-top:0;}
.tbl td.b_bg {background: #f4f8fc;}



/* table */
.tbl_wrap .tbl_guide, .table_responsive .p_notice {display: none;}

.tbl_wrap.intbl {margin-left:20px;}

@media all and (max-width:1023px) {
.tbl_wrap.intbl {margin-left:0px;}
}

/* 테이블 */
@media all and (max-width:768px) {
	.tbl_wrap { width: 100%; overflow: hidden; overflow-x: scroll; }
	.tbl_wrap .tbl_guide { display: block; padding: 20px 0 0 18px; color: #0f8095; font-size: 13px; background: url('/common/img/ico_tbl_guide.gif') 0px 19px no-repeat; line-height: 130%;}
	.tbl_wrap .tbl{width: 900px;}
	
	.table_responsive { width: 100%; overflow: hidden; overflow-x: scroll; }
	.table_responsive .p_notice { display: block; padding: 20px 0 0 18px; color: #0f8095; font-size: 13px; background: url('/common/img/ico_tbl_guide.gif') 0px 19px no-repeat; line-height: 130%;}
	.table_responsive .table_st{width: 100%;}
}


hr{display:none;}
.mob{display:none;}

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

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


/* 게시글 목록 */
.tb_board .num, .tb_board .num_notice, .tb_board .publish, .tb_board .reply, .tb_board .date, .tb_board .file, .tb_board .refer {display:none; width:0;}
.tb_board .writer {width:25%}

/* 게시글 목록 */
.k_bd .num, .k_bd .num_notice, .k_bd .publish, .k_bd .reply, .k_bd .date, .k_bd .file, .k_bd .refer {display:none; width:0;}
.k_bd .writer {width:25%}

.tb_board colgroup{display:none;}

/* 게시글 페이징 */
.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;}

}


ul[class^="list_ul"], ol[class^="list_num"]{margin:15px 0 0;}
/* .list_ul_h4, .list_num_h4 {margin-left:36px !important;}
.list_ul_h5, .list_num_h5 {margin-left:33px !important;}
.list_ul_h6, .list_num_h6 {margin-left:35px !important;} */
ul[class^="list_ul"] li, ol[class^="list_num"] li {line-height:21px; position: relative;}
ul[class^="list_ul"] >li, ol[class^="list_num"] li ul li {padding-left:12px; margin-top:9px;}
ul[class^="list_ul"] >li:before, ol[class^="list_num"] li ul li:before {content: ''; position: absolute; width:4px; height:4px; left: 0; top:8px; background:#ababab;}
ul[class^="list_ul"] >li:first-child{margin-top:0;}
ul[class^="list_ul"] >li >ul {margin-top:12px; margin-bottom:15px;}
ul[class^="list_ul"] li >ul >li:first-child {/*margin-top: 0px;*/ }
ul[class^="list_ul"] li >ul >li{padding-left:14px; margin-top:6px;}
ul[class^="list_ul"] >li >ul >li:before {content: ''; position: absolute; width:7px; height: 2px; left: 0; top:9px; background:#666;}
/* ul[class^="list_ul"] >li >ul >li:first-child{margin-top:0;} */
ul[class^="list_ul"] ul ul {margin-top: 8px !important; background: rgba(255,255,255,1); border: 1px dashed #b3d1df; border-radius: 10px; padding: 15px; box-sizing: border-box;}
ul[class^="list_ul"] >li >ul >li >ul >li {padding-left:8px; margin-top:9px; font-size:15px;}
ul[class^="list_ul"] >li >ul >li >ul >li:before, td >ul >li >ul >li:before {content: ''; position: absolute; width: 3px; height: 3px; left: 0; top: 9px; background:#afc4db;}
ul[class^="list_ul"] >li >ul >li >ul >li:first-child {margin-top:0;}
ul[class^="list_ul"] li p, ol[class^="list_num"] li p {margin-top:10px;}

ul[class^="list_ul"] ul ul.liNon {margin-top: 8px !important; background:none; border:none; border-radius:0; padding:0px; box-sizing: border-box;}
ul[class^="list_ul"] >li >ul >li >ul.liNon >li {padding-left:0;}
ul[class^="list_ul"] >li >ul >li >ul.liNon >li:before, td >ul >li >ul.liNon >li:before {display:none;}

/*탭*/
.sub_tab{margin-bottom:120px; position:relative;}
.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%}




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;}


.guide_txt{; padding:0px 12px 0px 25px; border:1px solid #dedede;}

/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0 5px;background:#fff;border-top:4px solid #ff6989;border-bottom:1px solid #ececec} 
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:20px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ececec;height:40px}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8}
.tbl_head01 td {color:#666;padding:10px 5px;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;line-height:1.4em;height:60px;word-break:break-all}
.tbl_head01 tbody tr:hover td {background:#fafafa}
.tbl_head01 a:hover {text-decoration:underline}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #d0d3db;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;
-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:40px}

.full_input {width:100%}
.half_input {width:49.5%}
.twopart_input {width:385px;margin-right:10px}
.tbl_frm01 textarea, .write_div textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/*기본 리스트*/
.list_01 ul {border-top:1px solid #ececec}
.list_01 li {border-bottom:1px solid #ececec;background:#fff;padding:10px 15px;list-style:none;position:relative}
.list_01 li:nth-child(odd) {background:#f6f6f6}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li:hover {background:#f9f9f9}
.list_01 li.empty_li {text-align:center;padding:20px 0;color:#666}

/*폼 리스트*/
.form_01 h2 {font-size:1.167em}
.form_01 li {margin-bottom:10px}
.form_01 ul:after,
.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.form_01 .left_input {float:left}
.form_01 .margin_input {margin-right:1%}
.form_01 textarea {height:100px;width:100%}
.form_01 .frm_label {display:inline-block;width:130px}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;color:#666;text-align:center}

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important}

/* 테이블 항목별 정의 */
.td_board {width:80px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:80px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 회원가입 약관 */
.register {margin:0 auto}
.register:after {display:block;visibility:hidden;clear:both;content:""}
.register .btn_confirm .btn_submit,
.register .btn_confirm .btn_close {float:left;height:50px !important;width:49.5%;font-weight:bold;font-size:1.083em}
.register .btn_confirm {text-align:left}
.register .btn_confirm .btn_submit {margin-left:1%}

#fregister p {position:relative;text-align:center;color:#fff;height:50px;line-height:50px;font-size:1.1em;background:#f2838f;margin:0 0 10px;border-radius:5px;font-weight:bold}
#fregister p:before {content:"";position:absolute;top:0;left:0;width:5px;height:50px;border-radius:5px 0 0 5px;background:#da4453}
#fregister p i {font-size:1.2em;vertical-align:middle}
#fregister section {margin:10px auto 15px;border:1px solid #dde7e9;position:relative;border-radius:3px}
#fregister_chkall {position:relative;text-align:center;background:#f5f7fa;line-height:50px;border:1px solid #e5e9f0;border-radius:3px;margin-bottom:15px}
#fregister h2 {text-align:left;padding:20px;border-bottom:1px solid #dde7e9;font-size:1.2em}
#fregister textarea {display:block;padding:20px;width:100%;height:150px;background:#fff;border:0;line-height:1.6em}
#fregister_private {position:relative}
#fregister_private div {padding:20px;background:#fff}
#fregister_private table {width:100%;border-collapse:collapse}
#fregister_private table caption {position:absolute;font-size:0;line-height:0;overflow:hidden}
#fregister_private table th {background:#f7f7f9;width:33.33%;color:#000;padding:10px;border:1px solid #d8dbdf}
#fregister_private table td {border:1px solid #e7e9ec;padding:10px;border-top:0}

.fregister_agree {position:absolute;top:0;right:0}
.fregister_agree input[type="checkbox"] + label {color:#676e70}
.fregister_agree input[type="checkbox"] + label:hover {color:#2172f8}
.fregister_agree input[type="checkbox"] + label span {position:absolute;top:20px;right:15px;width:17px;height:17px;display:block;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.fregister_agree input[type="checkbox"]:checked + label {color:#000}
.fregister_agree input[type="checkbox"]:checked + label span {background:url('./img/chk.png') no-repeat 50% 50% #000;border-color:#1471f6;border-radius:3px}
.fregister_agree.chk_all input[type="checkbox"] + label span {top:18px}

.chk_li {padding-left:20px}

#sns_register .login-sns,
#sns_register h2 {border:0 !important}

/* 회원가입 입력 */
#register_form {background:#fff;margin-bottom:20px}
#register_form h2 {padding:20px;border-bottom:1px solid #dde7e9;font-size:25px;}
.register_form_inner {background:#f7f7f7;border:1px solid #dde7e9;border-radius:3px}
.register_form_inner ul {padding:20px}
.register_form_inner label {display:block;margin-bottom:10px;line-height:24px}

#fregisterform #msg_certify {margin:5px 0 0;padding:5px;border:1px solid #dbecff;background:#eaf4ff;text-align:center}
#fregisterform .frm_address {margin:5px 0 0}
#fregisterform #mb_addr3 {display:inline-block;margin:5px 0 0;vertical-align:middle}
#fregisterform #mb_addr_jibeon {display:block;margin:5px 0 0}
#fregisterform .btn_confirm {text-align:center}
#fregisterform .form_01 div {margin:0 0 20px}
#fregisterform .captcha {display:block;margin:5px 0 0}
#fregisterform .reg_mb_img_file img {max-width:100%;height:auto}
#reg_mb_icon, #reg_mb_img {float:right}

/* 회원가입 완료 */
#reg_result {padding:40px 30px;text-align:center;background:#edf3fc;border:1px solid #d6e2f4;border-radius:5px}
#reg_result h2 {font-size:2em;margin:0 0 20px}
#reg_result h2 strong {color:#ed6478}
#reg_result #result_email {margin:20px 0;padding:10px 50px;border-top:1px solid #e9e9e9;border-bottom:1px solid #dde4e9;background:#fff;line-height:2em}
#reg_result #result_email span {display:inline-block;width:150px}
#reg_result #result_email strong {color:#e8180c;font-size:1.2em}
#reg_result p {line-height:1.8em}
#reg_result .result_txt {text-align:left}
#reg_result .btn_confirm {margin:50px 0}
#reg_result i {font-size:3em}
#reg_result .reg_result_p {font-size:1.25em;margin:0 0 10px;color:#3684fa}

.btn_confirm_reg {margin:20px 0;text-align:center}
.reg_btn_submit {display:inline-block;background:#000;color:#fff;text-align:center;border-radius:3px;width:280px;height:57px;line-height:57px;font-size:1.2em;margin:0 auto;font-weight:bold}

.mb_log_cate h2 {width:50%;float:left;padding:20px 0;text-align:center}
.mb_log_cate .join {width:50%;float:left;padding:20px 0;text-align:center;background:#f7f7f7;color:#6e6e6e}
.mb_log_cate:after {display:block;visibility:hidden;clear:both;content:""}

.tooltip_icon {display:inline-block;vertical-align:baseline;color:#b3b5b8;border:0;font-size:1.4em;background:transparent;cursor:pointer}
.tooltip_icon:hover {color:#448bf5}
.tooltip {position:absolute;width:auto;color:#fff;background:#000;padding:10px;font-size:small;line-height:18px;display:none;z-index:9;font-weight:normal;margin-left:15px;margin-top:10px}
.tooltip:before {content:"";position:absolute;top:0;left:-10px;width:0;height:0;border-style:solid;border-top:0px solid transparent;border-bottom:10px solid transparent;border-left:0;border-right:10px solid #000}


/* 아이디/비밀번호 찾기 */
#find_info #mb_hp_label {display:inline-block;margin-left:10px}
#find_info p {line-height:1.5em}
#find_info #mb_email {margin:10px 0}

/* 로그인 */
#mb_login {}
#mb_login h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#login_fs {padding:35px}
#mb_login #login_fs .frm_input {margin:0 0 10px}
#mb_login #login_fs .btn_submit {margin:0 0 15px}

#login_info {}
#login_info:after {display:block;visibility:hidden;clear:both;content:""}
#login_info .login_if_auto {float:left}
#login_info .login_if_auto label {vertical-align:baseline;padding-left:5px}
#login_info .login_if_lpl {float:right}
#login_password_lost {display:inline-block;border:1px solid #d5d9dd;color:#000;border-radius:2px;padding:2px 5px;line-height:20px}

#mb_login_notmb {margin:30px auto;padding:20px 30px}
#mb_login_notmb h2 {font-size:1.25em;margin:20px 0 10px}
#guest_privacy {border:1px solid #ccc;text-align:left;line-height:1.6em;color:#666;background:#fafafa;padding:10px;height:150px;margin:10px 0;overflow-y:auto}
#mb_login_notmb .btn_submit {display:block;text-align:center;line-height:45px}

#mb_login_od_wr {margin:30px auto;padding:20px 30px}
#mb_login_od_wr h2 {font-size:1.25em;margin:20px 0 10px}
#mb_login_od_wr .frm_input {margin:10px 0 0}
#mb_login_od_wr p {background:#f3f3f3;margin:20px 0 0;padding:15px 20px;line-height:1.5em}

#mb_login #sns_login {margin-top:0;border-color:#edeaea;padding:25px}
#mb_login #sns_login:after {display:block;visibility:hidden;clear:both;content:""}
#mb_login #sns_login h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#mb_login #sns_login .sns-wrap {margin:0 !important}
#mb_login #sns_login .sns-icon {width:49% !important;float:left !important}
#mb_login #sns_login .sns-icon:nth-child(odd) {margin-right:2%}
#mb_login #sns_login .txt {font-size:0.95em;padding-left:5px !important;border-left:0 !important}

/* 버튼 */
a.btn,.btn {line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:bold;border:0;font-size:1.4em;
-webkit-transition:background-color 0.3s ease-out;
-moz-transition:background-color 0.3s ease-out;
-o-transition:background-color 0.3s ease-out;
transition:background-color 0.3s ease-out}

a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:right} /* 서식단계 진행 */

.btn_submit {border:0;background:#000;color:#fff;cursor:pointer;border-radius:3px}
.btn_submit:hover {background:#000}
.btn_close {border:1px solid #dcdcdc;cursor:pointer;border-radius:3px;background:#fff}
a.btn_close {text-align:center;line-height:50px}

a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
.btn_cancel:hover {background:#aaa}
a.btn_frmline, button.btn_frmline {display:inline-block;width:128px;padding:0 5px;height:40px;border:0;background:#434a54;border-radius:3px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;color:#bababa;text-decoration:none;vertical-align:middle;border:0;background:transparent}
.btn_b01:hover, .btn_b01:hover {color:#000}
a.btn_b02,.btn_b02 {display:inline-block;background:#253dbe;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle}
a.btn_b02:hover, .btn_b02:hover {background:#0025eb}
a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9}
a.btn_admin,.btn_admin {display:inline-block;color:#d13f4a;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {color:#ff3746}

dl.sub_con{position:relative; margin-bottom:40px;}
dl.sub_con dt{color:#495667; font-weight: bold; font-size:18px; letter-spacing: -1px; padding:0 0 8px 15px;background:url('../img/common/bul_arr.jpg') no-repeat 0 6px;}
dl.sub_con dd{padding:0 0 20px 17px;}

/* 퀵메뉴 */
.quickmenu {
   position: fixed;
   width: 100px;
   right: 0;
   top: 175px;
   text-align: center;
   z-index: 1;
}

.quickmenu .quickmenu__menu {
   font-size: 14px;
   background-color: #fff;
   padding: 20px 0;
   border: 1px solid #ddd;
   margin-top: -1px;
   cursor: pointer;
   font-weight: 500;
}

.quickmenu .quickmenu__menu i {font-size:25px !important;}
.quickmenu .quickmenu__location i {color:#fff;}

.quickmenu .quickmenu__menu p {
   margin-top: 2px;
   color: #666;
}

.quickmenu .quickmenu__menu:hover p {
   /*color: #009c3d;*/
}

.quickmenu .quickmenu__menu.quickmenu__location {
   background: #009c3d;
   border: none;
   transition: all ease .5s;
   position: relative;
   z-index: 0;
}

.quickmenu .quickmenu__menu.quickmenu__location p {
   color: #fff;
}

.quickmenu .quickmenu__menu.quickmenu__location::before {
   content: "";
   width: 100%;
   height: 100%;
   background: linear-gradient(45deg, #b2db7b, #1ea647);
   position: absolute;
   top: 0;
   left: 0;
   z-index: -2;
   transition: all ease .5s;
   opacity: 0;
}

.quickmenu .quickmenu__menu.quickmenu__location:hover::before {
   opacity: 1;
}

.quickmenu .quickmenu__top-btn {
   margin-top: 25px;
   cursor: pointer;
}
@media (max-width:1024px) {
.quickmenu {display:none;}
}

#footer{background:#fff;  position:relative; min-height:150px; width:100%; color:#7e7e7e; font-size:15px;}
#footer div.wrap{position:relative;  width:1200px; margin:0 auto; text-align:left;}
#footer .copy{padding:10px 0 0 0; }
#footer .copy span {font-size:15px; display:block;}
#footer .copy p.fbtn {margin-bottom:10px;}
#footer .copy a {background:rgba(0,0,0,0.1); color:#fff; padding:5px 10px; margin:0 2px;}
#footer .copy a:hover {background-color:#000; color:#fff; transition:all .5s;}
#footer .copy p.add {margin-bottom:5px; margin-left:0px;}
#footer .copy p.add strong {display:inline-block; width:80px; background:rgba(0,0,0,0.3); border-radius:2px; padding:0 10px; text-align:left; box-sizing:border-box; margin-right:10px;}

#footer .copy span.copyright_area {font-size:0.9rem; color:#99a0a7; margin-left:0px;}
#footer .copy span.copyright_area b {color:#000}
/******** 회원 폼 **********/
#footer.logform{background:#fff;  position:relative; min-height:50px; width:100%; color:#666; font-size:12px; border-top:1px solid #dedede; padding-top:10px;}
#footer.logform { text-align:center;}

/******** 회원 폼 **********/




@media (max-width: 1024px) {
#footer div.wrap{width:100%; padding:0px 10px; box-sizing:border-box;}
#footer .dvfoot_logo{ display:none;}
#footer .copy{padding:20px 0 0 0px; text-align:center; padding-bottom:20px;}
#footer .copy span {display:block; margin-left:0;}
#footer .copy p.add {margin-left:0px;}
#footer .copy span.copyright_area {margin-left:0px;}
#footer .copy p.fbtn {position:relative; top:auto; right:auto; margin-bottom:10px; }
}

.ci_bottom ul li::after{content: ""; position: absolute; left:0; top:0px; width: 1px; height: 12px; background: #e0e6ea;}
.ft_link{height: 60px; position:relative; border-bottom:1px solid #ecf0f3;}
.ft_link a{padding:0 15px; line-height: 60px; position: relative; color:#99a0a7}
.ft_link a:hover {color:#ff6989;}
.ft_link a::after{content: ""; position: absolute; left:0; top:6px; width: 1px; height: 12px; background: #e0e6ea;}
.ft_link a.first{padding-left: 0;}
.ft_link a.first::after{display: none;}
a.fc {color:#ff6989; font-weight:bold;}
@media (max-width: 1024px) {
	.ft_link {text-align:center;}
}
.article__tit {
   font-size: 26px;
   line-height: 26px;
   padding-bottom: 20px;
   margin-bottom: 10px;
   position: relative;
   display: inline-block;
   font-weight: 800;
}

.article__tit::before {
   content: "";
   width: 920px;
   height: 1px;
   background-color: #ddd;
   position: absolute;
   bottom: 0;
   left: 0;
}

.article__tit::after {
   content: "";
   width: 100%;
   height: 3px;
   background-color: #555;
   position: absolute;
   bottom: -2px;
   left: 0;
}
@media (max-width:1024px) {
	.article__tit {margin-bottom:20px; margin-top:0;}
	.article__tit::before { content: ""; width: 100%; height: 1px; background-color: #ddd; position: absolute; bottom: 0; left: 0; }
}
.pg-title{
  background-image: url("../img/pg-title.jpg");
}
.pg-title-00,.pg-title-99{
  background-image: url("../img/pg-title-00.jpg");
}
.pg-title-10{
  background-image: url("../img/pg-title-10.jpg");
}
.pg-title-20 {
  background-image: url("../img/pg-title-20.jpg");
}
.pg-title-30{
  background-image: url("../img/pg-title-30.jpg");
}
.pg-title-40 {
  background-image: url("../img/pg-title-40.jpg");
}
.pg-title-50 {
  background-image: url("../img/pg-title-50.jpg");
}
.pg-title{
  position: relative; padding: 4.2em 0;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
}

.pg-title h2{
  text-align: center;
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  position: relative;
  z-index: 2;
  font-size: 3.6rem;
  text-transform: capitalize;
  font-weight:bold;
  text-shadow: 0px 0px 10px rgba(0,0,0,0.5), 0px 0px 14px rgba(0,0,0,0.5), 0px 0px 10px rgba(0,0,0,0.5);
  -webkit-transition-duration: 0.8s;
    -webkit-transition-timing-function: ease;
    transition-duration: 0.8s;
    transition-timing-function: ease;
}
.pg-title:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  /*background: rgba(13, 136, 64, 0.66);*/
  background: #000;
    opacity: 0.15;
}
.pg-path{
  text-align: center;
  color: #fff;
  position: relative;
  z-index: 2;
  text-shadow: 0px 0px 10px rgba(0,0,0,0.5), 0px 0px 14px rgba(0,0,0,0.5), 0px 0px 10px rgba(0,0,0,0.5);
}
.pg-path a{ color: #fff; cursor:default}
.pg-path a:after{
  content: '>';
  padding: 0 2px 0 5px;
}
.pg-path a:last-child:after{
  content: '';
}
@media all and (max-width:768px) {
	.pg-path{ padding: 0 0.6em; font-size: 0.5rem; }
	.pdt-detail-top .pg-path{ margin-left: 0; font-size: 0.75rem; }
	.pg-title{ padding: 2.4em 0; }
	.pg-title h2{ font-size: 1.6rem; }
}