@charset "utf-8";
/*
	max css var.3 / date : 2020-09-03 / modify : 2020-12-02 / name : Shin jung ju
	- response web size -
	pc : (w)1280px / tablet : (w)1024px / mobile : (w)568px (사이트에 따라 기준 변경 시 수정)
*/

*{margin:0;padding:0}.skip,legend{position:absolute}a,abbr,address,article,aside,audio,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,header,hgroup,hr,html,i,iframe,img,ins,kbd,li,main,mark,nav,ol,output,p,pre,q,ruby,s,samp,section,small,span,strong,sub,summary,sup,tbody,td,tfoot,th,thead,time,tr,u,ul,var,video,button,input,textarea,select{padding:0;margin:0;border:0;font:inherit;vertical-align:baseline;box-sizing:border-box}body{line-height:1;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:16px;font-weight:400;color:#000;letter-spacing:-.04em; word-break:keep-all}a{text-decoration:none;color:inherit}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,hr{display:none}legend{height:0;font-size:0;line-height:0;overflow:hidden;text-indent:-20000px}address,cite,em{font-style:normal}button,label{cursor:pointer}button{border:0;background:0 0;display:inline-block;font-size:inherit;letter-spacing:-.04em}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}mark{background:none;color:inherit}.skip{visibility:hidden;top:0;left:0}

/* browser_msg */
#max_browser_msg{width:100%;height:auto;background:#222;padding:15px;box-sizing:border-box;text-align:center;position:relative}#max_browser_msg p,#max_browser_msg mark{color:#fff;line-height:140%;font-size:12px;letter-spacing:0}#max_browser_msg mark{background:#f0bd41;color:#000;padding:0 5px}#max_browser_msg .bt_browser_upgrade{display:inline-block;font-size:12px;background:#fff;padding:5px 30px;margin:15px 0 0 0}#max_browser_msg .bt_close_browser{position:absolute;top:0;right:0;background:#fff;font-size:11px;padding:10px 10px}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute; background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}
#hd_pops_21 {left:460px !important;}

@media screen and (max-width: 1024px) {
	#hd_pops_21 {left:10px !important;}
}

/* form */
	.max_it {display:block; height:auto; padding:10px 10px; border-bottom:2px solid #d7d7d7; font:inherit; letter-spacing:-0.04em; -webkit-appearance:none; -webkit-border-radius:0;}
	input[type="password"] {background:url("../image/common/ico_pass_hide.png") 96% center no-repeat;}

	.max_ckit {position:relative;}
	.max_ckit input[type="checkbox"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
	.max_ckit input[type="checkbox"] + label {display:inline-block; position:relative; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; font-size:0;}
	.max_ckit input[type="checkbox"] + label:before {content:''; display:inline-block; width:32px; height:32px; line-height:32px; margin:-2px 8px 0 0; text-align:center; vertical-align:middle; background:url("../image/common/ico_check.svg") center no-repeat #d7d7d7; background-size:16px; border-radius:100%; box-sizing:border-box;}
	.max_ckit input[type="checkbox"]:checked + label:before {background-color:#181818;}
	.max_ckit.ckit_label input[type="checkbox"] + label {font-size:16px;}

	.max_radio {display:inline-block; position:relative; line-height:24px;}
	.max_radio input[type="radio"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
	.max_radio input[type="radio"] + label {display:inline-block; position:relative; padding-left:30px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;}
	.max_radio input[type="radio"] + label:before {content:''; position:absolute; top:0; left:0; width:20px; height:20px; text-align:center; background:#fff; border:1px solid #666; border-radius:100%;}
	.max_radio input[type="radio"]:checked + label:before {background:#fff; border:1px solid #000;}
	.max_radio input[type="radio"]:checked + label:after {content:''; position:absolute; top:6px; left:6px; width:10px; height:10px; background:#000; border-radius:100%;}

	.max_tta {width:100%; height:auto; border-bottom:2px solid #d7d7d7; margin-top:16px; line-height:1.6;}
	.max_tta:focus {border-bottom:2px solid #1dac6a;}

/* selectbox */
	.max_select {width:200px; height:42px; padding-left:10px; background:url("../image/common/ico_select.png") 93% 50% #fff no-repeat; background-size:8px; border:1px solid #d7d7d7; border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; box-sizing:border-box; letter-spacing:-1px; font-size:inherit;}
	.max_select::-ms-expand {display:none;}
	.max_select:focus {border-bottom:2px solid #1dac6a;}

/* icon */
	.max-ico {display:block; position:relative;}
	.max-ico:before, .max-ico:after {content:''; display:block; position:absolute; box-sizing:border-box;}

	.ico-sch {width:32px; height:32px;}
	.ico-sch:before {width:20px; height:20px; border:3px solid #fff; border-radius:100%; top:2px; left:4px;}
	.ico-sch:after {width:3px; height:10px; background-color:#fff; transform:rotate(-45deg); top:17px; left:22px;}

	.ico-file {width:32px; height:32px; background:url("../image/board/ico_file.svg") center no-repeat; background-size:20px; font-size:0;}

	.arr-btm-small {width:16px; height:16px;}
	.arr-btm-small:before {width:6px; height:6px; border:2px solid currentColor; border-right-width:0; border-top-width:0; transform:rotate(-45deg); bottom:6px; left:5px;}

	.ico-menu {width:32px; height:32px;}
	.ico-menu:before {width:24px; height:3px; background:#fff; top:4px; left:4px; box-shadow:0 10px #fff, 0 20px #fff;}

	.ico-stop {width:24px; height:24px;}
	.ico-stop:before, .ico-stop:after {height:11px; width:3px; background:#00a8d2; top:6px; left:7px;}
	.ico-stop:after {left:13px;}
	.ico-play {width:24px; height:24px;}
	.ico-play:before {width:0;height:0;border:7px transparent solid;border-right-width:0;border-left-color:#00a8d2;position:absolute;top:6px;left:13px;}

	.ico-plus {width:24px; height:24px;}
	.ico-plus:before, .ico-plus:after {width:20px; height:3px; background:currentColor; top:8px; left:0;}
	.ico-plus:after {width:3px; height:20px; top:0; left:9px;}

	.ico-arr-prev {width:24px; height:24px;}
	.ico-arr-prev:before {width:12px; height:12px; border:1px solid currentColor; border-bottom-width:0; border-right-width:0; transform:rotate(-45deg); top:6px; left:8px;}
	.ico-arr-next {width:24px; height:24px;}
	.ico-arr-next:before {width:12px; height:12px; border:1px solid currentColor; border-top-width:0; border-left-width:0; transform:rotate(-45deg); top:6px; left:8px;}

	.ico-close {width:48px; height:48px;}
	.ico-close:before, .ico-close:after {width:40px; height:2px; background:currentColor; top:23px; left:4px; transform:rotate(-45deg);}
	.ico-close:after {transform:rotate(45deg);}
	.ico-close.small16 {width:16px; height:16px;}
	.ico-close.small16:before, .ico-close.small16:after {width:10px; height:2px; top:7px; left:3px;}

	.ico-arr-more {width:40px; height:30px;}
	.ico-arr-more:before {width:12px; height:12px; border:2px solid currentColor; border-left-width:0; border-top-width:0; border-bottom-width:0; transform:rotate(-45deg); top:7px; right:6px;}
	.ico-arr-more:after {width:35px; height:2px; background-color:currentColor; top:12px; left:0px;}

	@media screen and (max-width: 900px) {
		.ico-close {width:32px; height:32px;}
		.ico-close:before, .ico-close:after {width:20px; top:16px;}
	}
/* skip navigation */
.skip_nav {position:relative; z-index:999;}
.skip_nav a {display:inline-block; position:absolute; top:-100px; left:-999px; border:1px solid #24242c; background:#31313b; color:#fff;}
.skip_nav a:focus, .skip_nav a:active {display:inline-block; top:0; left:0; cursor:pointer; zoom:1; padding:5px 8px 4px; margin-right:9px; background:#31313B; font-weight:normal; font-size:11px; line-height:1.4;}

/* layout */
#max_wrap {width:100%; min-width:1200px; height:auto;}
#max_header {position:absolute; width:100%;  z-index: 2;}

@media screen and (max-width: 1200px) {
	#max_wrap {width:100%; min-width:100%; height:auto;}
}

/* header */
#max_header .inner {width:1200px; margin:10px auto ;  font-size:14px; color:#fff;  position:relative; z-index:22;}

.h_box {width:1200px; height:auto; margin:0 auto; position:relative; border-bottom:1px solid #868180;}
.h_box:after {content:''; display:block; clear:both;}
.h_box h1 {float:left; height:auto; font-size:0; padding:20px 10px;}
.h_box h1 a {display:block; width:322px; height:46px; background:url("../image/common/logo.png") center no-repeat;}

#lnb {float:left; height:auto; margin-left:50px;}
#lnb ul > li {float:left; color:#fff; font:300 1.125em 'Noto Sans KR',sans-serif; position:relative;}
#lnb ul > li > a {display:block; padding:30px 5px; margin:0 16px; font-size:20px;  position:relative;}
#lnb ul > li > a:after {content:''; display:block; width:0; height:4px; position:absolute; bottom:0; left:0; background-color:#00a8d1; transition:width .3s;}

#lnb ul > li ul[class^="sub_menu"] {width:177px; height:0; padding:10px 0; position:absolute; top:89px; left:-11px; opacity:0; overflow:hidden; background-color:#fff; box-shadow:0 8px 16px rgba(0,0,0,.3); transition:all .3s; z-index:11;}
#lnb ul > li ul[class^="sub_menu"] li {display:block; font-weight:normal; font-size:.8em; font-family:'Roboto','Noto Sans KR',sans-serif; width:100%; }
#lnb ul > li ul[class^="sub_menu"] li a {display:block; padding:10px 24px; margin:0;color:#000;font-size:15px;}
#lnb ul > li ul[class^="sub_menu"] li a:after {display:none;}

#lnb ul > li:nth-child(3) ul.sub_menu1 {width:177px; left:-10px;}

#lnb ul > li:hover > a {color:#fff;}
#lnb ul > li:hover > a:after {width:100%;}
#lnb ul > li:hover ul[class^="sub_menu"] {opacity:1; height:auto;}
#lnb ul > li:hover ul[class^="sub_menu"] li a:hover {color:#00a8d1; /* background:#eee; */ font-weight:700;}

.bt_sch {display:block; width:48px; height:48px; padding:8px; color:#132c5a; font-size:0; position:absolute; top:23px; right:120px;}
.bt_sitemap {display:block; width:48px; height:48px; padding:8px; color:#132c5a; position:absolute; top:23px; right:0; font-size:0;}
.bt_sch:hover, .bt_sitemap:hover {color:#1dac6a;}
.bt_pop {display:none; padding:8px 16px; position:absolute; top:29px; right:128px; background-color:#132c5a; color:#fff; border-radius:50px;}
.login {display:block; padding:8px; color:#fff; font-size:18px; position:absolute; top:28px; right:52px;}
.login a {width:100%; height:100%; display:block;}
.admin {display:block; padding:8px; color:#fff; font-size:18px; position:absolute; top:28px; right:158px;}

.gnb_area { position:absolute; right:50px; top:10px;}
.gnb_area ul li{float:left; margin:0 10px;}


/* header : search box */
.h_box .sch_box {display:none; width:525px; padding:1.875em; background-color:#312d2a; position:absolute; top:93px; right:0;z-index:2;}
.h_box .sch_box input {width:100%; padding:17px; background-color:rgba(255,255,255,.2); color:#fff; border:0;}
.h_box .sch_box button {position:absolute; top:41px; right:41px; font-size:0; color:#fff;}

/* header : full menu */
.fullmenu {display:none; width:100%; height:100%; position:fixed; top:0; left:0; z-index:22;}
.fullmenu:before {content:''; display:block; width:100%; height:100%; background-color:rgba(0,0,0,.58); position:absolute; top:0; left:0;}
.fullmenu .box {width:900px; height:auto; padding:2em; position:absolute; top:170px; right:58%; margin-right:-600px; background-color:#fff; color:#181818; overflow-y:auto;}
.fullmenu .box .m_tt {padding-left:1em;}
.fullmenu .box .full_lnb {color:#181818;}
.fullmenu .box .full_lnb > li {float:left; width:33.333%; height:auto; min-height:250px; padding:0 2%; margin-top:2em;}
.fullmenu .box .full_lnb > li > a {display:block; font:600 1.125em 'Noto Sans KR',sans-serif;}
.fullmenu .box .full_lnb > li > .sub_menu {width:100%; height:auto; border-top:2px solid currentColor; padding:.5em 0; margin-top:.5em;}
.fullmenu .box .full_lnb > li > .sub_menu li {}
.fullmenu .box .full_lnb > li > .sub_menu li a {display:block; padding:.5em 0; font-size:14px; color:#666;}
.fullmenu .box .full_lnb > li > .sub_menu li a:hover {color:#00a8d1; font-weight:500;}
.fullmenu .box .full_lnb > li > .sub_menu li a .ico-blank {display:inline-block; vertical-align: middle; margin-left:0.5em;}
.fullmenu .box .full_lnb > li > .sub_menu li a .ico-blank:before {width:10px; height:10px;} 
.fullmenu .box .full_lnb > li > .sub_menu li a .ico-blank:after {width:14px; height:2px; top:5px;}
.fullmenu .box .bt_sitemap_close {width:72px; height:72px; padding:12px; position:absolute; top:0; right:0; background-color:#193da9; color:#fff; font-size:0;}

@media screen and (max-width: 1200px) {
	#max_header .inner {width:100%;}
	.h_box {width:100%;}
	.h_box h1 a {width:240px; height:46px; background:url("../image/common/logo.png") center no-repeat; background-size:100%;}
	#lnb {margin-left:20px;}
	#lnb ul > li > a {padding:30px 0px;} 
	.bt_sch {right:103px;}
	.login {right:45px; font-size:16px;padding:0; line-height:28px;}
	.gnb_area {right:35px;}
}

@media screen and (max-width: 1024px) {
	.fullmenu .box {width:100%; right:auto;}
}

@media screen and (max-width: 900px) {
	#max_wrap, #max_header, #max_container, #max_footer {min-width:360px;}
	/* header */
	#max_header .inner, .h_box {width:100%; margin:0;}
	.h_box h1 a {width:200px; height:46px; background:url("../image/common/logo.png") center no-repeat; background-size:100%;}
	#lnb {display:none;}
	.bt_sch, .bt_sitemap {top:20px;}
	.bt_pop {display:block;}
	/* header : search box */
	.h_box .sch_box {top:87px;}
	.h_box .sch_box button {top:37px;}
	/* header : full menu */
	.fullmenu .box {width:50%; height:100%; top:0; right:0; margin-right:0;}
	.fullmenu .box .m_tt {padding-left:0;}
	.fullmenu .box .full_lnb > li {float:none; width:100%; min-height:100%; padding:2% 0;}
	.fullmenu .box .full_lnb > li > .sub_menu {}
	.fullmenu .box .full_lnb > li:last-child > .sub_menu li {float:none; width:100%;}
	.fullmenu .box .bt_sitemap_close {width:48px; height:48px; padding:10px;}
}
@media screen and (max-width: 568px) {
	/* header */
	.h_box h1 a {width:176px; height:41px;}
	.bt_sch, .bt_sitemap {top:18px;}
	.bt_pop {top:90px; right:24px; z-index:1;}
	/* header : search box */
	.h_box .sch_box {width:100%; top:82px;}
	/* header : full menu */
	.fullmenu .box {width:80%;}
}


#max_footer {width:100%; height:auto; overflow:hidden; padding:40px 0; background:#2a2a2a; color:#808080; font-weight: 300; font-size:15px;}
#max_footer .inner {width:1200px; margin:0 auto;}
#max_footer address .comp {color:#888787; font-size:18px; font-weight:bold; margin-bottom:10px;}
#max_footer address em {display:block; line-height:22px;}
#max_footer address em span {padding:0 10px;}
#max_footer cite {color:#636363; font-size:13px; margin-top:20px; display:block;}
#max_footer cite a {width:100%; height:100%; display: block;}

/* #max_quick {position:fixed;} */
#max_quick #bt_top {position: fixed; bottom: 40px; right: 20px; display: block; width:65px; height:65px; z-index:1;}

@media screen and (max-width: 1200px) {
	#max_footer .inner {width:100%; padding:0 3%;}
}
@media screen and (max-width: 1024px) {
	#max_footer address .comp {font-size:15px;}
	#max_footer address em {font-size:14px;}
}

/* sub layout */
#sub_visual {width:100%; height:360px; background:url("../image/common/bg_visual_s1.png") center no-repeat; background-size:cover !important; color:#fff; position:relative;}
#sub_visual.sub1 {background:url("../image/common/bg_visual_s1.png") center no-repeat;}
#sub_visual.sub2 {background:url("../image/common/bg_visual_s2.png") center no-repeat;}
#sub_visual.sub3 {background:url("../image/common/bg_visual_s3.png") center no-repeat;}
#sub_visual.sub4 {background:url("../image/common/bg_visual_s4.png") center no-repeat;}
#sub_visual.sub5 {background:url("../image/common/bg_visual_s5.png") center no-repeat;}
#sub_visual.sub6 {background:url("../image/common/bg_visual_s6.png") center no-repeat;} /* 로그인,회원가입,정보수정외 서브비쥬얼용 */
#sub_visual h3 {font-weight:500; font-size:46px; padding:197px 0 20px 0; text-align:center;}
#sub_visual p {text-align:center; font-size:18px;}
.snb_warp {width:100%; height:auto; position:absolute; bottom:-64px; left:0; z-index:1;  display:flex; justify-content:center; background:#2a2a2a;}
.snb_warp > p {width:64px; height:64px; background:url("../image/common/ico_home.svg") center no-repeat rgba(0,0,0,.5); font-size:0; background-size:32px; margin-right:1px;}
.snb_warp > div {height:auto; position:relative;}
.snb_warp div p {background-repeat:no-repeat; background-position:90% 50%; position:relative;}
.snb_warp div p > a {display:block; width:100%; height:64px; line-height:64px; padding:0 20px;}
.snb_warp div p > i {position:absolute; top:24px; right:20px;}
.snb_warp div ul {display:none; width:100%; height:auto; position:absolute; top:64px; left:0;}
.snb_warp div ul li {width:100%; height:auto;}
.snb_warp div ul li a {display:block; width:100%; height:100%; padding:20px; position:relative;}
.snb_warp .sub_mn {display:contents;}
.snb_warp .sub_mn p {background-color:#2a2a2a; color:#fff; text-align:center; display:inline-block; width:300px; font-size:20px !important; font-weight:300;}
.snb_warp .sub_mn p:hover {background:#fff; color:#000; font-weight:500;}
.snb_warp .sub_mn p.current {background:#fff; color:#000; font-weight:500;}

@media screen and (max-width: 1200px) {
	.snb_warp .sub_mn {width:100%;}
	.snb_warp .sub_mn p {width:25%;}
}

@media screen and (max-width: 900px) {
	#sub_visual {height:230px;}
	#sub_visual h3 {padding:147px 0 20px 0; font-size:30px;}
	.snb_warp div p > a {word-break:break-all;}
	.snb_warp .sub_mn p {width:33.3333%; font-size:16px !important;}
}
@media screen and (max-width: 568px) {
	.snb_warp {bottom:-50px;}
	.snb_warp div p > a {padding:0;font-size:16px; height:50px; line-height:50px;}
}
 

/* sub 공통 : top */
.s_topline {position:relative; text-align:center; padding:50px 0 30px 0;}
.s_topline::before {position:absolute; content:''; width:2px; height:27px; background:#000; top:0; left:50%;}
.s_topline > h3 {font-size:40px; font-weight:500;}
.s_topline > p {margin-top:50px; font-size:18px; line-height:150%; font-weight:300; margin-bottom:20px;}

@media screen and (max-width: 900px) {
	.s_topline {padding:50px 5% 20px;}
	.s_topline > h3 {font-size:26px; font-weight:500;}
	.s_topline > p {font-size:16px; margin-top:40px;}
}

/* sub 공통 : tab */
.s_tabmenu, .snb {width:1200px; margin:0 auto; height:auto; position:relative; display:flex; border: 1px solid #ddd;}
.s_tabmenu .tab_area, .snb li {flex:1; text-align:center;  border-left:1px solid #ddd;}
.s_tabmenu .tab_area:nth-child(1), .snb li:nth-child(1) {border-left:0;}
.s_tabmenu .tab, .snb li a {display:block; padding:20px 0; color:#333; font-weight:500; text-align:center; font-size:1.5em;}
.s_tabmenu .tab_area:hover a {background:#253981; color:#fff;}

.s_tabmenu .tab.active, .snb li .active {background:#253981; color:#fff !important;}
.s_tabmenu .tab_cont {width:100%; height:100%; position:absolute; top:64px; left:0;}
.s_tabmenu2 .tab, .snb li a {font-size:1.3em !important; font-weight:500;}

@media screen and (max-width: 1200px) {
	.s_tabmenu, .snb {width:100%; }
}
@media screen and (max-width: 900px) {
	.s_tabmenu, .snb {width:90%; margin:0 5%;}
	.s_tabmenu .tab, .snb li a {font-size:1em;}
}

@media screen and (max-width: 400px) {
	.s_tabmenu .tab, .snb li a {font-size: 16px; letter-spacing: -1px; padding: 20px 0;}
	.s_tabmenu, .snb {margin: 0 auto;}
}

/* sub 공통 : table */
.s_table {width:100%; }
.s_table table {width:100%; border-top:2px solid #333;}
.s_table table tr  {border-bottom:1px solid #ddd;}
.s_table table tr th {background:#f1f1f1; color:#333; font-size:18px; font-weight:bold; vertical-align:middle; padding:20px; }
.s_table table tr th:last-child {border-right:0;}
.s_table table tr td {padding:20px; color:#555; text-align:center; vertical-align:middle; font-size:18px; font-weight:300;}
.s_table table tr td:last-child {border-right:0;}

@media screen and (max-width: 900px) {
	.s_table table tr th {font-size:16px;}
	.s_table table tr td {font-size:15px;padding:15px 0; }
}
@media screen and (max-width: 568px) {
	.s_table {overflow-y: scroll;}
}

/* snb fix */
.snb_warp.fix {height:64px; position:fixed; top:0; left:0;}
.snb_warp.fix:before {top:0; width:100%; opacity:1;}
.snb_warp.fix > div {margin:0;}
.blue {color:#193da9; font-weight:400;}

/* line */
.hori-line {display:block; width:100%; height:1px; margin-bottom:32px; background-color:#d7d7d7;}

/* browser_msg */
#max_browser_msg{width:100%;height:auto;background:#222;padding:15px;text-align:center;position:absolute;top:0;left:0;z-index:999;}#max_browser_msg p,#max_browser_msg mark{color:#fff;line-height:140%;font-size:12px;letter-spacing:0}#max_browser_msg mark{background:#f0bd41;color:#000;padding:0 5px}#max_browser_msg .bt_browser_upgrade{display:inline-block;font-size:12px;background:#fff;padding:5px 30px;margin:15px 0 0 0}#max_browser_msg .bt_close_browser{position:absolute;top:0;right:0;background:#fff;font-size:11px;padding:10px 10px}
.sound_only{font-size:0px;}

/* button */
.max_btns {text-align:center; margin-top:50px; }
.bt_basic {width:200px; height:50px; background:#333; color:#fff; line-height:50px; display:inline-block; vertical-align:middle;}
.cancel {width:200px; height:50px; border:1px solid #333; background:none; color:#000; line-height:50px;}
@media screen and (max-width: 568px) {
	.max_btns {display: flex; justify-content: center;}
	.cancel {margin-right:5px;}
	.max_btns button {width:50%;}
}

/* popup */
@media screen and (max-width: 768px) {
	.hd_pops {max-width:84% !important; top:10px !important; left:10px !important;} 
	.hd_pops_con {max-width:100% !important; height: 100% !important;}
	.hd_pops img {display:block;}
}