button {border:none; background:#03A550; color:#fff; font-size:13px; min-width:50px; height:30px;}
button.gray {/*background:#7a7a7a;*/border:1px solid #0089ff; color:#0089ff;background:#fff;}
a.gray {/*background:#7a7a7a;*/border:1px solid #0089ff; color:#0089ff;background:#fff;padding:5px 10px 6px;margin-top:5px;}


.container {
	position:relative;
	width:100%;
	margin-right: auto;
	margin-left: auto;
}

.container_100 {width:100%;}

@media (min-width: 1024px) {
	.container {
		max-width: 60rem;
	}
}

@media (min-width: 1240px) {
	.container {
		max-width: 1100px;
	}
}

.clearFix {clear:both;height:0;}
.lefts {float:left;}
.rights {float:right;}
.first-item {margin-left:0;}
.text-center {text-align:center;}
.text-left {text-align:left;}
.text-right {text-align:right;}

.big_txt {font-size:16px;line-height:150%;}

.bg_gr {background:#f4f5f9;}
,bg_wt {background:#fff;}
.bg_bl {background:#2870ae;}
.bg_yl {background:#f5e70e;}
.bg_mt {background:#77e3ce;}
.bg_or {background:#ff8a15;}

footer {background:#6e6e6e; padding:30px 0;color:#fff;}

footer .container {display:flex; justify-content:space-between; align-items:center;}

.weather {position:absolute; top:5px;right:0;z-index:105;}
.weather > .tit {float:left;background:#0089ff;color:#fff;padding:10px 15px;line-height:130%;}
.weather > .infos {float:left;}
/* 나중에 삭제할 부분 */
.weather > .infos > .icon {float:left;padding:5px;margin-top:7px;}
.weather > .infos > .info {float:left;margin-top:7px;}
.weather > .infos > .info > span.bl {color:#0089ff;}
.weather > .infos > .info > span.gr {color:#00a663;}
.weather > .infos > .info > span.yl {color:#ff8a00;}
.weather > .infos > .info > span.rd {color:#ff0c00;}
/* 나중에 삭제할 부분 */

@media (max-width: 1024px) {
	.weather {right:10px;}
	footer .container {flex-wrap:wrap;}
}



.header_bar_1 {width:100%;height:35px;background:#292728;}
.header_links_1 {float:right;min-width:205px;height:35px;background:#292728;text-align:center;}
.header_links_1 ul li {margin:8px -2px 0;}
.header_links_1 ul li a {padding:0 10px; color:#fff; border-left:1px solid #fff;line-height:100%;}
.header_links_1 ul li:first-child a {border:none;}



.page_header {width:100%; height:300px; background:url(../images/common/page_header_back.jpg) 50% 60% no-repeat; background-size:100% auto;}

.sub_cont1 {padding:80px 0;}
.pd40 {padding:40px 0;}

.cont_subs h3 {position:relative;display:inline-block; margin-bottom:40px; padding-bottom:15px; min-width:300px;}

p.lines_bt {position:absolute;width:80%;height:2px;left:10%;bottom:0;background:#a591c6;}

.cont_w_10 {width:100%;}
.cont_w_3 {width:32%; margin-left:2%;}
.cont_w_3.first-item {margin-left:0;}

#com_etc h1 {color:#fff;}
#com_etc table {margin:0;}
#com_etc table th, #com_etc table td {border:1px solid #fff; text-align:center; vertical-align:middle; color:#fff; font-size:15px; padding:5px 10px;}
#com_etc table td.big_f {font-size:26px;font-weight:600;padding:10px;}

#com_2 table {width:100%;border-top:1px solid #000;margin-bottom:20px;}
#com_2 table th, #com_2 table td {padding:10px 0;border-bottom:1px solid #000;border-left:1px solid #000;text-align:center;vertical-align:middle;}
#com_2 table td {text-align:left;padding:10px 20px;}
#com_2 table .no-left {border-left:none;}

#com_4 table {width:100%; max-width:800px; border-top:1px solid #000; margin:0 auto;}
#com_4 table th, #com_4 table td {padding:10px 0;border-bottom:1px solid #000;border-left:1px solid #000;text-align:center;vertical-align:middle;}
#com_4 table th {background:#ebebeb;}
#com_4 table .no-left {border-left:none;}

.sub_cont_left {float:left;width:20%;}

.sub_cont_right {float:right;width:78%;padding:0 20px;
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
             box-sizing: border-box;
}

h1.l_title {border-bottom:1px dotted #aaa;padding-bottom:15px;margin-top:10px; display:flex; align-items:flex-end;}


.sub_nav_tit {width:100%;padding:15px 20px;background:#005ab7;color:#fff;font-weight:500;
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
             box-sizing: border-box;
}
.sub_nav_list {width:100%;}
.sub_nav_list li {border-bottom:1px solid #ccc;}
.sub_nav_list li a div {width:100%;padding:10px 20px;font-size:16px;
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
             box-sizing: border-box;

-webkit-transition: all .5s ease-out;
  -moz-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out;
}

.sub_nav_list li a:hover div, .sub_nav_list li.curr a div {background:#0089ff;color:#fff;}



.prod_item {position:relative;width:30%;margin:1%;float:left;}

.prod_name_h {position:absolute;width:100%;height:100%;background:rgba(0,104,183,0.7);opacity:0;color:#fff;
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
			  box-sizing: border-box;

-webkit-transition: all .5s ease-out;
  -moz-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out;
}

.prod_name_h p {margin-top:45%;line-height:100%;margin-bottom:0;font-size:16px;}
.prod_name_h h4 {font-size:30px;margin-top:10px;display:inline-block;width:40px;height:36px;border:2px solid #fff;border-radius:50%;padding-top:4px;line-height:100%;}

.prod_name_b {width:100%;position:absolute;left:0;bottom:0;background:rgba(0,104,183,0.7);padding:15px 0;opacity:1;
-webkit-transition: all .5s ease-out;
  -moz-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out;
}

.prod_item:hover .prod_name_h, .prod_item.curr .prod_name_h {opacity:1;}
.prod_item:hover .prod_name_b, .prod_item.curr .prod_name_b {opacity:0;}


/*
footer p.footer_info {float:left;}
footer img.link_logo {float:right;height:40px;margin-top:20px;}
*/
footer a.f_logos {display:block;}
footer a.certi_logos {display:inline-block; padding:5px 10px; background-color:rgba(255,255,255,0.7); border-radius:5px;}



.unregist_link {margin-left:10px;border:1px solid #cc3300;padding:3px 10px;}
.unregist_link span {font-weight:700;color:#cc3300;}

.forgot_re_txt {color:#db4e01;font-weight:600;}







h1.prod_d_tits {float:left;width:50%;margin-bottom:20px;}
.share_txt {padding-top:0;}
.share_txt ul {display:flex; justify-content: flex-end; align-items:top;}
.share_txt ul li {padding:0 2px;text-align:center;}
.share_txt ul li a {display:block;}
.share_txt ul li a img {height:32px;}
.share_txt ul li input {position:absolute;top:-99999em;width:0;border:1px solid #0089ff;padding:0;}
.share_txt ul li button {margin:0;}
.share_txt ul li a.gray {margin-top:10px;}





@media (max-width: 1024px) {
	.big_txt {font-size:14px;} 
	.page_header {height:150px; background-size:cover;}
	.sub_cont1 {background:#fff; padding:30px 0;}
	.cont_subs {
		padding:0 10px;
		-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
					 box-sizing: border-box;
	}

	.sub_cont_left {width:100%; margin-bottom:30px;}

	.sub_nav_tit {display:none;}
	.sub_nav_list {text-align:center;}
	.sub_nav_list li {display:inline-block;margin:0 0 5px;}
	.sub_nav_list li a div {width:100%;padding:10px 15px;font-size:14px;}

	.sub_cont_right {width:100%;padding:0;}

	footer {padding:30px 10px;font-size:12px;}

	footer p.footer_info {width:100%; text-align:center; margin-bottom:20px;}
	footer img.link_logo {}
}

@media (max-width: 768px) {
	.weather {display:none;}

	.prod_item {width:48%;margin:1%;}
	.prod_name_h p {margin-top:25%;font-size:13px;}
	.prod_name_h h4 {font-size:20px;width:30px;height:26px;}

	h1.prod_d_tits {width:100%;margin-bottom:15px;}
	.share_txt {width:100%; margin-bottom:15px;}

	footer {padding:30px 10px 100px;}
}

@media (max-width: 539px) {
	footer .certi_logos {width:100%; max-width:270px; margin:0 auto; text-align:center;}
	footer .f_logos {width:100%; max-width:250px; margin:15px auto 0; text-align:center;}
}







.login_wrap {width:100%; max-width:500px; margin:50px auto; padding:30px; box-sizing:border-box; border:1px solid #ccc; border-radius:10px; background-color:#fff;}
.login_inputs {width:100%; margin-bottom:5px;}
.login_inputs input {width:100%; box-sizing:border-box; height:36px; margin:5px 0; background-color:#fafafa;}
.login_btn {width:100%; font-size:16px; font-weight:500; height:40px;}
.login_btn_wrap {width:100%; margin-top:20px; padding-top:20px; border-top:1px dashed #ccc; display:flex; justify-content:space-between; align-items:center;}
.login_btn_wrap button, .login_btn_wrap .common_btn {width:32%; font-size:15px; font-weight:500; height:40px;}






.mem_form_wrap {width:100%; margin:50px auto 20px; padding:30px; box-sizing:border-box; border:1px solid #ccc; border-radius:10px; background-color:#fff;}
.adr_wrap {width:100%; display:flex; justify-content:space-between; align-items:center;}
.adr_wrap.det input {width:49% !important;}




/*////////////////// ETC. //////////////////*/
.listreadviewmodeclass img {width:100%; max-width:800px;}

.board_search_li {width:100%; margin-bottom:20px; display:flex; justify-content:space-between; align-items:center;}
.board_search_li li.s_c_p {display:flex; justify-content:space-between; align-items:center;}

form.list_forms {display:flex; align-items:center;}

select.base_select {height:30px; margin:0 3px;}
input.base_input {height:30px; box-sizing:border-box; padding:0;}
button.base_btn {background:#0089ff;color:#fff;height:30px;}

button.common_btn {background:#0089ff;color:#fff;font-size:14px;height:34px;display:inline-block;padding-left:20px;padding-right:20px;}


.read_info_li {width:100%;}
.read_info_li li {width:100%;border-bottom:1px solid #ddd;}
.read_info_li li.halfs {width:50%;float:left;}
.read_info_li li div.tit {width:120px;float:left;background:#eee;font-weight:bold;text-align:center;padding:5px 0;}
.read_info_li li div.infos {width:calc(100% - 120px);float:left;padding:5px 15px;
	-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
				 box-sizing: border-box;
}

button.read_btns {width:20%;}



.write_info_li input[type='text'], .write_info_li input[type='password'], .write_info_li select { background:#f9f9f9; margin-left:0;}
.write_info_li input[type='text'], .write_info_li input[type='password'] {width:calc(100% - 15px);}
.write_info_li select {width:calc(100% - 5px); height:26px;color:#777;}
.write_info_li select.mail_select {width:30%;}
.write_info_li input[type='text'].in_text, .write_info_li input[type='text'].keys {width:20%;}
.write_info_li {width:100%;}
.write_info_li li {position:relative;width:100%;border-bottom:1px solid #ddd;}
.write_info_li li.halfs {width:50%;float:left;}
.write_info_li li div.tit {position:relative;width:120px;float:left;background:#eee;font-weight:bold;text-align:center;padding:8px 0;height:100%;}
.write_info_li li div.infos {width:calc(100% - 120px);float:left;padding:5px;
	-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
				 box-sizing: border-box;
}

.write_info_li li div.backs {position:absolute;width:120px;height:100%;background:#eee;top:0;left:0;z-index:0;}




.gal_list_wrap {width:100%;margin:0 auto;text-align:center; display:flex; justify-content:space-around; flex-wrap:wrap;}





.float_links {position:fixed;bottom:calc(100% - 340px);right:50px;width:70px;z-index:9999;text-align:center;}
.float_links ul li {margin-top:10px;}
.float_links ul li a {display:block;border-radius:10px;}
.float_links ul li a .img_box {box-sizing:border-box;padding:5px;border-radius:5px;background:rgba(255,255,255,0.9);margin-bottom:5px; max-width:60px;}
.float_links ul li a p {color:#fff;margin-top:0;padding:0 5px 10px; font-weight:600;}



@media (max-width: 768px) {
	.board_search_li li {width:100%;padding:5px 0;}
	.board_search_li li.s_c_p {text-align:left;}


	.read_info_li li.halfs {width:100%;}


	.write_info_li li.halfs {width:100%;}

	.write_info_li li div.backs {width:100px;}

	.write_info_li li div.tit {width:100px;}
	.write_info_li li div.infos {width:calc(100% - 100px);}

	.float_links {width:100%; bottom:0; left:0;}
	.float_links ul li {float:left; width:50%;}
	.float_links ul li a {width:100%;}
	.float_links ul li a img {display:inline-block;vertical-align:middle;}
	.float_links ul li a .img_box {display:inline-block; vertical-align:middle;} 
	.float_links ul li a p {display:inline-block;vertical-align:middle; padding:0 10px;}
}
/*////////////////// ETC. //////////////////*/