@charset "utf-8";

.sub_contants {
	width: 1100px;
	margin: 0 auto;
	margin-top: 65px
}

#snb {
	margin-bottom: 80px;
	border-bottom: 2px solid #553e84;
}

#snb ul li {
	float: left
}

#snb ul li a {
	display: inline-block;
	width: 218px;
	height: 49px;
	color: #333;
	border: 1px solid #dbdbdb;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 48px;
	border-bottom: 0
}

#snb ul li a.on {
	color: #fff;
	background: #553e84;
	border: 1px solid #553e84;
	border-bottom: 0
}

.sub_8 ul li a {
	width: 135px !important
}

.sub_7 ul li a {
	width: 155px !important
}

.sub_6 ul li a {
	width: 181px !important
}

.sub_5 ul li a {
	width: 218px !important
}

.sub_title {
	margin-bottom: 20px
}

.sub_title h3 {
	font-size: 33px;
	font-weight: bold;
	color: #3c3c3c
}

.sub_title01 {
	font-size: 24px;
	font-weight: bold;
	color: #3c3c3c;
	letter-spacing: -0.08em
}

.sub_title01 span {
	color: #553e84
}

.sub_title02 {
	background: url(../images/btn/blit_sub.gif) no-repeat left center;
	padding-left: 23px;
	color: #4e749c;
	font-weight: bold;
	font-size: 18px
}

.tit_bd {
	border-bottom: 2px solid #553e84;
	padding-bottom: 20px
}

.sub_bg01 {
}

.sub_bg02 {
}

.sub_bg03 {
}

.sub_bg04 {
	background: url(../images/sub/com_img09.png) no-repeat right top
}

.txt_area01 {
}

.txt_area01 h3 {
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 30px
}

.txt_area01 h3.tit01 {
	font-size: 30px;
	font-weight: bold;
	line-height: 30px;
	margin-bottom: 30px
}

.txt_area01 p {
	font-size: 17px;
	line-height: 30px
}

.txt_area01 ul li {
	border-left: 2px solid #e4e4e4;
	font-size: 60px;
	float: left;
	font-weight: bold;
	margin: 25px 0;
	letter-spacing: -5px;
	height: 45px;
	line-height: 45px;
	padding-left: 30px;
	margin-right: 30px
}

.txt_area01 ul li span {
	color: #00855b
}

.txt_area01 h3.txt01 {
	font-size: 30px
}

.txt_area01 p.txt02 {
	color: #553e84;
	font-size: 50px;
	font-family: Arial;
	font-weight: bold;
	margin-bottom: 15px
}

.txt_area01 p.txt03 {
	color: #b10000;
	font-size: 20px;
	font-weight: bold
}

.txt_area02 {
}

.txt_area02 ul li {
	float: left;
	margin-bottom: 30px
}

.txt_area02 ul li:first-child {
	width: 124px;
	margin-right: 50px
}

.txt_area02 ul li p.tit {
	font-size: 28px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 18px
}

.txt_area02 ul li p.tit span {
	color: #00855b;
	font-size: 20px;
	margin-left: 20px
}

.txt_area02 ul li p.txt {
	font-size: 18px;
	line-height: 30px
}

.txt_area03 {
}

.txt_area03 h3 {
	border-top: 2px solid #4e4e4e;
	width: 200px;
	color: #4e4e4e;
	border-width: bold;
	padding-top: 7px;
	margin-bottom: 10px
}

.txt_area03 ul li {
	float: left
}

.txt_area03 ul li .txt01 {
	font-size: 20px;
	color: #5b0404;
	font-weight: bold;
	line-height: 40px
}

.txt_area04 {
	padding: 50px 0;
	border-radius: 20px;
	background: #f1f1f1;
	width: 100%
}

.txt_area04 div {
	float: left;
	width: 275px;
	margin-left: 70px
}

.txt_area04 h3 {
	background: url(../images/sub/cont_line.png) no-repeat left top;
	padding-top: 15px;
	margin-bottom: 25px;
	font-size: 22px;
	font-weight: bold;
}

.txt_area04 h3 span {
	color: #7e0000
}

.txt_area04 ul li {
}

.notice_tit {
}

.notice_tit ul {
	height: 40px;
	width: 100%
}

.notice_tit li.tit {
	float: left;
	font-size: 30px;
	font-weight: bold;
	margin-right: 35px;
	line-height: 40px
}

.notice_tit li.txt {
	border-left: 6px solid #000000;
	padding-left: 20px;
	float: left
}

.map {
}

.map h3 {
	border-left: 10px solid #00855b;
	padding-left: 20px;
	font-size: 26px;
	font-weight: bold;
	line-height: 40px;;
	margin-left: 0;
}

.map div li:first-child {
	color: #176043;
	font-size: 20px;
	font-weight: bold;
	line-height: 40px;
	padding-left: 35px;
	height: 40px;
	margin-top: 40px;
	margin-left: 0
}

.map .map_add li:first-child {
	background: url(../images/btn/icon_map.png) no-repeat left center
}

.map .map_call li:first-child {
	background: url(../images/btn/icon_call.png) no-repeat left center
}

.map ul li {;
	margin-left: 40px;
	letter-spacing: -0.05em;
	width: 100%
}

/* 테이블 */
.tb_tyc {
	width: 100%
}

.tb_tyc thead th {
	border-top: 1px solid #ddd;
	border-bottom: solid 2px #000000;
	font-size: 16px;
	font-weight: bold;
	height: 50px;
	line-height: 50px
}

.tb_tyc tbody th {
	padding: 15px 10px;
	border-bottom: solid 1px #cecece;
	text-align: left
}

.tb_tyc thead th span.text01 {
	float: right;
	font-size: 13px;
	font-weight: normal
}

.tb_tyc thead th span.text01 em {
	margin-right: 15px;
	margin-left: 15px
}

.tb_tyc td:first-child {
	text-align: center
}

.tb_tyc td {
	padding: 15px 10px;
	border-bottom: solid 1px #cecece;
	color: #888
}

.tb_tyc .q td {
	border-bottom: dashed 1px #cecece;
}

.tb_tyc .a td {
	background: #f6f6f6;
	border-bottom: solid 2px #cecece;
}

.tb_tyc td .tit {
	display: inline-block;
	padding: 5px 20px;
	background: #d6a332;
	color: #fff
}

.tb_tyc .file_down {
	text-align: left !important
}

.tb_tyc a .title {
	color: #999;
	margin-right: 5px
}

.tb_tyc td li .icon_file {
	border: 1px solid #000
}

.tb_tyc td li:first-child {
	font-size: 20px;
	color: #333;
	margin-bottom: 10px
}

table.tb_tyc tr:hover td {
	background: #f9f9f9;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top, #f2f2f2, #f0f0f0);
}

.tb_tyc_bd {
	border-top: solid 2px #000000
}

.join_tb {
	width: 100%
}

.join_tb tbody th {
	padding: 15px 10px;
	border-bottom: solid 1px #cecece;
	text-align: left;
	background: #f8f8f8;
	padding-left: 50px
}

.join_tb td {
	padding: 15px 10px;
	border-bottom: solid 1px #cecece;
	color: #888
}

.join_tb {
}

.join_tb td.item input, .join_tb td.item textarea {
	border: 1px solid #dbdbdb;
	padding: 8px;
	border-radius: 5px
}

.join_tb td.item input {
	background: transparent
}

.join_tb td.item select {
	border: 1px solid #dbdbdb;
	padding: 7px;
	border-radius: 5px
}

.join_tb td .sel01 {;
	position: absolute;
	top: 17px
}

.join_tb td .join_stxt {
	font-size: 12px;
	color: #a5a5a5
}

.join_tb td .item .i_label {
	top: 8px;
	left: 12px;
	visibility: visible;
	position: absolute;
}

.join_tb td .item input {
	border: 1px solid #dbdbdb;
	padding: 8px;
	border-radius: 5px;
	background: transparent
}

.join_end_box {
	width: 100%;
	height: 180px;
	border: 1px solid #dbdbdb
}

.join_end_box h4 {
	margin-top: 80px
}

.tb_tyd {
	width: 100%;
	border-top: 2px solid #000000
}

.tb_tyd thead th {
	border-right: 1px solid #fff;
	background: #f6ab00;
	color: #fff
}

.tb_tyd tbody th {
	padding: 15px;
	border-bottom: 1px solid #dbdbdb;
	font-weight: bold;
	text-align: left;
	color: #000;
	background: #f8f8f8
}

.tb_tyd tbody td {
	padding: 15px;
	border-bottom: 1px solid #dbdbdb
}

.tb_tyd td.point a {
	color: #f86767;
	text-decoration: underline;
	font-weight: bold
}

.tb_tyd td.item input, .tb_tyd td.item textarea {
	border: 1px solid #dbdbdb;
	padding: 10px;
	border-radius: 5px
}

.tb_tyd td.item select {
	border: 1px solid #dbdbdb;
	padding: 9px;
	border-radius: 5px;
}

.tb_tyd td.item .sel01 {
	top: 17px;
	margin-left: 5px
}

.tb_tya {
	width: 100%;
	text-align: center
}

.tb_tya thead th {
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: solid 2px #000000;
	font-size: 16px;
	font-weight: 600;
	height: 40px;
	line-height: 40px;
	background: #f9f9f9
}

.tb_tya tbody th {
	padding: 12px 5px;
	border: 1px solid #dbdbdb;
	font-weight: bold;;
	color: #000
}

.tb_tya tbody td {
	padding: 12px 5px;
	border-bottom: solid 1px #e8e8e8;
	border-left: 1px solid #e8e8e8;
}

.tb_tya th:first-child, .tb_tya td:first-child {
	border-left: none;
}

.item {
	position: relative;
}

.item ul li {
	float: left;
	margin-right: 5px
}

.item .i_help {
	position: absolute;
	top: 4px;
	right: 0
}

.item .i_label {
	top: 6px;
	left: 10px;
	visibility: visible;
	position: absolute;
	position: absolute;
	font-size: 13px;
	color: #9b9b9b
}

.item .i_dsc {
	margin: 2px 0
}

.item .i_check,
.item .i_radio {
	width: 13px;
	height: 13px;
	margin: 2px 5px 2px 0;
	padding: 0;
	vertical-align: middle;
	border: 1px solid #000
}

.item .i_text {
	position: relative;
	margin: 2px;
	padding: 5px;
	border: 1px solid #e7e7e7;
	background: #fff;
	width: 90%
}

.item .hide {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	font-size: 0;
	line-height: 0
}

.item select {
	margin: 0px
}

.item label {
	margin: 0 10px 0 0;
	cursor: pointer;
	color: #000
}

.item input, .item textarea {
	border: 1px solid #dbdbdb;
	padding: 10px;
	border-radius: 5px
}

.pagging {
	text-align: center
}

.pagging a {
	background: #fff;
	border: 1px solid #ddd;
	color: #555;
	width: 36px;
	height: 36px;
	display: inline-block;
	line-height: 36px;
	margin: 0 4px;
	font-weight: bold
}

.pagging a.on {
	border: 1px solid #a3d540;
	color: #a3d540
}

.pagging a.no_action {
	background: none;
	border: none;
	position: relative
}

.pagging a.no_action img {
	position: absolute;
	top: 12px;
	left: 0
}

.pagging a.no_action:hover {
	background: none;
	border: none
}

.search_bar {
	padding: 15px 0;
	background: #f9f9f9;
	border-top: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	text-align: center
}

.search_bar li {
	float: left;
	margin-left: 10px
}

.search_bar li:first-child {
	margin-left: 250px
}

.search_bar input, .search_bar textarea {
	border: 1px solid #dbdbdb;
	padding: 10px;
	border-radius: 5px
}

.search_bar select {
	border: 1px solid #dbdbdb;
	padding: 9px;
	border-radius: 5px
}

.search_bar1 {
	height: 50px;
	width: 100%;
	position: relative
}

.search_bar1 ul {
	position: absolute;
	right: 0;
	top: 15px
}

.search_bar1 li {
	float: left;
	margin-left: 10px
}

.search_bar1 input, .search_bar textarea {
	border: 1px solid #dbdbdb;
	padding: 10px;
	border-radius: 5px
}

.search_bar1 select {
	border: 1px solid #dbdbdb;
	padding: 9px;
	border-radius: 5px
}

.search_bar1 .btn_year {
	background: #999;
	color: #fff;
	padding: 8px 10px;
	border-radius: 5px;
	font-size: 13px;
	font-weight: 500;
	display: inline-block;
	cursor: pointer
}

.search_bar1 .eun {
	line-height: 37px
}

/*faq*/
.faq {
}

.faq .hgroup {
	height: 50px;
	border-top: 1px solid #dbdbdb;
	border-bottom: 2px solid #000000;
	line-height: 50px
}

.faq .hgroup li {
	float: left;
	width: 1000px;
	text-align: center
}

.faq .hgroup li:first-child {
	width: 100px
}

.faq .q {
	height: 50px;
	border-bottom: 1px solid #dbdbdb;
	line-height: 50px;
	cursor: pointer
}

.faq .q:hover {
	background: #f9f9f9
}

.faq .q li {
	float: left;
	width: 1000px
}

.faq .q li:first-child {
	width: 100px;
	text-align: center
}

.faq .q li.tit span {
	color: #999;
	margin-right: 5px
}

.faq .a {
	border-bottom: 1px solid #dbdbdb;
	background: #f9f9f9;
	padding: 30px 50px
}

.faq .a li {
	float: left;
	width: 850px
}

.faq .a li:first-child {
	width: 100px;
	text-align: center
}

.faq .a li.tit span {
	color: #999;
	margin-right: 5px
}

.all_faq {
	font-size: 12px;
	color: #999;
	margin-left: 10px
}

/******************* 이용약관및개인정보취급방침 ****************************/
.agree_box {
	background: #fff;
	padding: 30px;
	border-radius: 19px;
	border: 1px solid #00855b
}

.agree_box h3 {
	font-size: 16px;
	font-weight: bold;
	color: #f75c60;
	line-height: 30px
}

.agree_box .agree_sec {
	line-height: 22px;
	margin-bottom: 20px
}

.agree_box .agree_sec_list {
	padding-left: 15px
}

.info01 {
	text-align: center
}

.info01 h3 {
	border-bottom: 2px solid #000000;
	width: 100%
}

.info01 h3 span {
	width: 275px;
	height: 50px;
	line-height: 50px;
	background: #000000;
	color: #fff;
	float: left
}

.info01 li {
	margin-top: 30px;
	font-size: 18px;
	color: #333;
	line-height: 30px
}

.login_sec {
	width: 100%;
	height: 442px;
	background: url(../images/sub/login_bg.png) no-repeat
}

.login_sec .login_btn {
	left: 835px;
	top: 150px
}

.tb_none {
	width: 455px;
	top: 150px;
	left: 488px
}

.tb_none td {
}

.tb_none td.item {
	position: relative;
	margin: -4px 0
}

.tb_none td.item .i_label {
	top: 13px;
	left: 12px;
	visibility: visible;
	position: absolute;
}

.tb_none td.item .i_text {
	position: relative;
	margin-bottom: 5px;
	padding: 10px 5px;
	border: 1px solid #dcdcdc;
	background: transparent;
	z-index: 1;
	width: 245px;
	font-size: 16px;
	border-radius: 0
}

.tb_none .login_error {
	padding-top: 20px;
	color: #e23636;
	line-height: 18px;
	font-size: 13px;
	font-weight: bold;
	background: url(../images/btn/icon_info.png) no-repeat left 22px;
	padding-left: 20px;
}

.tb_none .id_save {
	border-bottom: 1px solid #dcdcdc;
	padding-bottom: 10px;
	font-size: 14px
}

.tb_none .login_search {
}

.tb_none .login_search li {
	float: left;
	font-size: 12px
}

.tb_none .login_search li a {
	display: inline-block;
	background: url(../images/btn/blit_next.png) no-repeat left center;
	padding-left: 17px;
	margin-right: 15px;
	height: 30px;
	line-height: 30px;
	margin-left: 3px
}

.login_txt {
	text-align: center;
	font-size: 15px
}

.login_txt span {
	color: #00855b;
	font-weight: bold
}

.mb_join {
	background: #f1f1f1;
	border: 1px solid #dbdbdb;
	padding: 20px
}

.mb_join h5 {
	margin-bottom: 15px;
	font-size: 14px;
	font-weight: bold
}

.mb_join .rule {
	width: 100%;
	border: 1px solid #dbdbdb;
	margin: 0 auto;
	background: #fff;
	height: 150px;
	overflow-y: scroll;
	overflow-x: hidden;
}

.mb_join iframe {
	width: 100%;
	border: 1px solid #dbdbdb;
	margin: 0 auto;
	background: #fff;
	height: 200px
}

.joinAg {
	padding: 15px
}

.joinAg h5 {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 10px
}

.joinAg dl {
	padding: 5px
}

.joinAg dt {
	font-weight: bold;;
	font-size: 14px;
	line-height: 30px
}

.joinAg dd {
	color: #4b4b4b;
	font-size: 13px;
	line-height: 20px
}

.joinAg dd p {
	margin: 2px 0 0 15px
}

.find_box {
	width: 800px;
	margin: 0 auto;
	padding: 30px;
	height: 480px;
	border: 1px solid #dbdbdb;
	border-top: 5px solid #000000
}

.find_box h3 {
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 30px
}

.find_box h3 span {
	color: #000000
}

.find_box ul.find_radio {
	padding: 15px 30px;
	border: 1px solid #dbdae0;
	background: #f3f4f6;
	font-weight: bold;
}

.find_box ul.find_phone {
	padding: 30px;
	border: 1px solid #dbdae0;
	background: #f3f4f6
}

.find_box ul.find_phone li {
	margin-top: 20px
}

.find_box ul.find_radio li {
	float: left;
	margin-right: 30px
}

.find_box p {
	padding: 30px
}

.find_box .find_info {
	padding: 30px;
	border-bottom: 1px solid #dbdbdb;
	padding-top: 0
}

.find_box .find_info li {
	padding: 5px;
	position: relative
}

.find_box .find_info li .find_btns {
	position: absolute;
	top: 4px;
	margin-left: 5px
}

.find_box .find_info label {
	font-weight: bold;
	display: inline-block;
	width: 120px
}

.find_box .find_info .i_text {
	padding: 5px;
	border: 1px solid #dcdcdc
}

.find_box .find_info select {
	padding: 5px 5px;
	border: 1px solid #dcdcdc;
}

.sub_visual {
	background: #563557 url(../images/sub/on_visual_bg.png) center no-repeat;
	height: 300px;
	text-align: center
}

.sub_visual1 {
	background: #583a28 url(../images/sub/on_visual_bg1.png) center no-repeat;
	height: 300px;
	text-align: center
}

.sub_visual2 {
	background: #185147 url(../images/sub/on_visual_bg2.png) center no-repeat;
	height: 300px;
	text-align: center
}

.sub_visual3 {
	background: #2f3857 url(../images/sub/on_visual_bg3.png) center no-repeat;
	height: 300px;
	text-align: center
}

.movie_list {
}

.movie_list div {
	display: inline-block;
	float: left;
	margin: 10px 7px 10px 7px
}

.movie_list div li {
	width: 260px;
	height: 30px;
	overflow: hidden;
	line-height: 30px;
	text-align: center
}

.movie_list div li:first-child {
	width: 260px;
	height: 180px;
	overflow: hidden
}

.find_box01 {
	padding: 30px;
	border: 1px solid #dbdbdb;
	border-top: 5px solid #000000
}

.find_box01 h3 {
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 30px
}

.find_box01 h3 span {
	color: #000000
}

.find_box01 ul.find_radio {
	padding: 15px 30px;
	border: 1px solid #dbdae0;
	background: #f3f4f6;
	font-weight: bold;
}

.find_box01 ul li {
	line-height: 40px
}

.find_box01 ul li span {
	color: #ef5a00;
	font-weight: bold
}

.find_box01 .txt01 {
	color: #ef5a00;
	font-weight: bold
}

/*20180122 추가 및 수정*/
.sub_contants {
	width: 1100px;
	margin: 0 auto;
	margin-top: 56px
}

.join_fr {
	width: 100%
}

.join_fr tbody th {
	padding: 15px 10px;
	border-bottom: solid 1px #ffffff;
	text-align: center;
	background: #ffffff
}

.join_fr td {
	width: 25%;
	padding: 15px 10px;
	border-bottom: solid 1px #ffffff;
	color: #888;
	text-align: center
}

.earthing_list {
}

.earthing_list h3 {
	font-size: 30px;
	font-weight: bold;
	line-height: 30px;
	margin-bottom: 30px
}

.earthing_list div {
	float: left;
	width: 346px;
}

.earthing_list div li img {
	width: 340px;
	height: auto
}

.earthing_list div li.txt01 {
	color: #d64e0b;
	padding-bottom: 15px;
	margin: 15px 0;
	border-bottom: 1px solid #d3d3d3;
	font-size: 20px;
	font-weight: bold;
}

.earthing_list1 {
}

.earthing_list1 h3 {
	font-size: 30px;
	font-weight: bold;
	line-height: 30px;
	margin-bottom: 30px
}

.earthing_list1 div {
	float: left;
	width: 520px
}

.earthing_list1 div li img {
	width: 550px;
	height: auto
}

.earthing_list1 div li.txt01 {
	color: #7e0000;;
	padding-bottom: 15px;
	margin: 15px 0;
	border-bottom: 1px solid #d3d3d3;
	font-size: 20px;
	font-weight: bold;
}

.list_style01 h4 {
	color: #7e0000;;
	padding-bottom: 15px;
	font-size: 22px;
	font-weight: bold;
	line-height: 35px
}

.list_style01 ul li {
	line-height: 25px
}

.list_style02 {
	width: 100%;
	height: 360px;
	background: url(../images/sub/company_bg.jpg) left no-repeat
}

.list_style02 h3.tit01 {
	font-size: 30px;
	color: #fff;
	text-align: center;
	padding: 50px 0 30px 0;
	font-weight: bold
}

.list_style02 div {
	width: 200px;
	height: 190px;
	float: left;
	margin-left: 28px;
	background: #fff;
	padding: 20px;
	opacity: 0.8;
	text-align: center
}

.list_style02 div b {
	font-size: 18px;
}

.list_style02 div li {
	margin-top: 10px
}

.gallery-container {
	overflow: hidden;
	padding: 3px;
}

.gallery-container .box {
	height: 350px;
	overflow: hidden;
	float: left;
	padding: 1%;
}

.box img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	-o-object-fit: cover;
}

.movie_list .box {
	border: 1px solid #b1b1b1;
}

.gallery-container .box img {
	border: 1px solid #b1b1b1;
}

/* 2021-11-18 kim add 다음 우편번호 iframe */
.postclose {cursor:pointer; position:absolute; width:20px; height:20px;right:-3px;top:-3px;z-index:1}

.mb_rule {
	background: #f1f1f1;
	border: 1px solid #dbdbdb;
	padding: 20px
}

.mb_rule h5 {
	margin-bottom: 15px;
	font-size: 14px;
	font-weight: bold
}

.mb_rule .rule {
	width: 100%;
	border: 1px solid #dbdbdb;
	margin: 0 auto;
	background: #fff;
	height: 150px;
	overflow-y: scroll;
	overflow-x: hidden;
}

.mb_rule iframe {
	width: 100%;
	border: 1px solid #dbdbdb;
	margin: 0 auto;
	background: #fff;
	height: 500px
}