@charset "utf-8";

.wrap { position: relative; margin: 0 auto; width: 1280px; *zoom: 1; }
.wrap: after { content: ""; display: block; clear: both; }

/* header */
.header { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; transition: transform .4s ease; will-change: transform; background-color: #fff; }
.header.hide { transform: translateY(-100%); }

.header .top-bar { font-size: 18px; font-weight: 600; color: #fff; text-align: center; padding: 13px 0; background: #3e8ffc; }
.header .gnb { border-bottom: 1px solid #ddd; }
.header .gnb .wrap { display: flex; align-items: center; justify-content: space-between; height: 93px; }
.header .menu > ul { display: flex; gap: 50px; }
.header .menu a { font-size: 18px; font-weight: 600; color: #111; transition: color .2s; }
.header .menu a:hover { color: #2647a7; }
.header .side { display: none; }

.submenu { position: absolute; top: 100%; left: 50%; width: 1280px; transform: translatex(-50%); background: #fff; border-top: 1px solid #cfd4da; box-shadow: 0 12px 24px rgba(0, 0, 0, .08); max-height: 0; opacity: 0; visibility: hidden; overflow: hidden; transition: max-height .45s ease, opacity .3s ease, visibility 0s linear .45s; }
.header:hover .submenu, .header:focus-within .submenu { max-height: 320px; opacity: 1; visibility: visible; transition: max-height .45s ease, opacity .3s ease; }
.submenu-inner { height: 250px; }

.pc_n_center {padding:30px 1%;}
.pc_n_center ul {display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-end; padding:0;}
.pc_n_center li {width:10%; text-align: center; position: relative; padding:0 1%;}
.pc_n_center li::after {content: ''; display: block; width: 1px; height: 110px; background: #e7e7e7; position: absolute; bottom: 0; right: 0;}
.pc_n_center li:last-child::after {width:0;}
.pc_n_center li:nth-child(9) p, .pc_n_center li:last-child p {color: #1791ff;}
.pc_n_center li > a {display: block; width: 100%; height: 100%;}
.pc_n_center li p {font-size: 18px; color: #313131; margin-top: 20px;}
.pc_n_center li img {width: 100%; height: auto; display: block; margin: 0 auto;}
.pc_n_center li:first-child img {max-width: 60px;}
.pc_n_center li:nth-child(2) img {max-width: 58px;}
.pc_n_center li:nth-child(3) img {max-width: 76px;}
.pc_n_center li:nth-child(4) img {max-width: 60px;}
.pc_n_center li:nth-child(5) img {max-width: 60px;}
.pc_n_center li:nth-child(6) img {max-width: 54px;}
.pc_n_center li:nth-child(7) img {max-width: 80px;}
.pc_n_center li:nth-child(7) p {margin-top:0;}
.pc_n_center li:nth-child(8) img {max-width: 64px;}
.pc_n_center li:nth-child(9) img {max-width: 58px;}
.pc_n_center li:last-child img {max-width: 68px;}

.pc_n_bwrap {display: flex; align-items: center;  justify-content: space-between; border-top: 1px solid #e7e7e7; padding:15px 2%; }
.pc_n_bottom {width:35%;}
.pc_n_bottom ul {display: flex; justify-content: space-between; padding: 0%; }
.pc_n_bottom li {width: 20%; text-align: center; margin: 0 auto;}
.pc_n_bottom li a {display: block; width: 100%; }
.pc_n_bottom li p {font-size: 12px; color: #313131; margin-top: 7px;}
.pc_n_bottom li img {display: block; width: 100%; height: auto; margin: 0 auto;}
.pc_n_bottom li:first-child img {max-width: 28px;}
.pc_n_bottom li:nth-child(2) img {max-width: 22px;}
.pc_n_bottom li:nth-child(3) img {max-width: 26px;}
.pc_n_bottom li:nth-child(4) img {max-width: 22px;}
.pc_n_bottom li:last-child img {max-width: 27px;}
.pc_n_bottom li a {display: block;}

.pc_n_top {padding:0px ; width:50%;}
.pc_n_top ul {display: flex; align-items: center;  justify-content: flex-end;}
.pc_n_top ul li:first-child {font-size: 15px; color: #313131; width: 65%; word-break: break-all;text-align:right;}
.pc_n_top ul li:last-child {width: 35%; text-align:right;}
.pc_n_top ul li a {display: inline-flex; align-items: center; justify-content: center; color: #fff; padding: 10px 30px; background: #1791ff; font-size: 14px; border-radius: 30px;}

/* mobileMenu */
#mobileMenu { display: none; overflow-y: auto; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #fff; z-index: 4000; }

.m_n_top div.top { display: flex; align-items: center; justify-content: space-between; padding: 20px 40px; font-size: 0; line-height: 0; border-bottom: 1px solid rgba(255,255,255,0.2); }
.m_n_top div.top div.close { font-size: 0; line-height: 0; transition: all 0.3s; }
.m_n_top div.top div.close:hover { transform: rotate(180deg); }
.m_n_top ul {display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; padding: 30px 40px; border-top: 10px solid #e7e7e7; }
.m_n_top ul li:first-child {font-size: 23px; color: #313131; width: 65%; word-break: break-all;}
.m_n_top ul li:last-child {width: 35%; text-align: right;}
.m_n_top ul li a {display: inline-flex; align-items: center; justify-content: center; color: #fff; padding: 10px 40px; background: #1791ff; font-size: 26px; border-radius: 30px;}

.m_n_center { padding: 80px 0; border-top: 10px solid #e7e7e7; }
.m_n_center ul {display: flex; flex-flow: row wrap; justify-content: center; align-items: flex-end; gap: 60px 0; }
.m_n_center li {width: 33.33333%; height: 100%; text-align: center; position: relative;}
.m_n_center li::after {content: ''; display: block; width: 1px; height: 170px; background: #e7e7e7; position: absolute; bottom: 0; right: 0;}
.m_n_center li:nth-child(3n)::after {display: none;}
.m_n_center li:nth-child(8) h3, .m_n_center li:last-child h3 {color: #1791ff;}
.m_n_center li > a {display: block; width: 100%; height: 100%;}
.m_n_center li h3 {font-size: 30px; color: #313131; margin-top: 20px;}
.m_n_center li img {width: 100%; height: auto; display: block; margin: 0 auto;}
.m_n_center li:first-child img {max-width: 115px;}
.m_n_center li:nth-child(2) img {max-width: 107px;}
.m_n_center li:nth-child(3) img {max-width: 140px;}
.m_n_center li:nth-child(4) img {max-width: 105px;}
.m_n_center li:nth-child(5) img {max-width: 112px;}
.m_n_center li:nth-child(6) img {max-width: 92px;}
.m_n_center li:nth-child(7) img {max-width: 130px;}
.m_n_center li:nth-child(7) h3 {margin-top:0;}
.m_n_center li:nth-child(8) img {max-width: 101px;}
.m_n_center li:last-child img {max-width: 116px;}

.m_n_middle { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 40px; }
.m_n_middle a { width: calc((100% - 10px) / 2); padding:10px 0;text-align:center; display:flex; align-items: center; justify-content: center; color:#fff; background:#1791ff; }
.m_n_middle p { font-size:20px; margin-left:10px;color:#fff;}
.m_n_middle figure{display:inline-block; max-width:50px}
.m_n_middle figure img{width:100%; height:auto;}

.m_n_bottom ul {display: flex; align-items: flex-end; justify-content: space-between; flex-flow: row wrap; padding: 40px; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; margin-bottom: 10%;}
.m_n_bottom li {width: 25%; text-align: center; margin: 0 auto;}
.m_n_bottom li a {display: block; width: 100%; height: 100%;}
.m_n_bottom li h4 {font-size: 23px; color: #313131; margin-top: 20px;}
.m_n_bottom li img {display: block; width: 100%; height: auto; margin: 0 auto;}
.m_n_bottom li:first-child img {max-width: 65px;}
.m_n_bottom li:nth-child(2) img {max-width: 48px;}
.m_n_bottom li:nth-child(3) img {max-width: 48px;}
.m_n_bottom li:last-child img {max-width: 59px;}
.m_n_bottom li a {display: block;}

/* 간편견적 */
.quote_application { margin-top: 150px; padding: 45px 0 40px 0; background-color: #24305b; }
.quote_application.mgbot { margin-bottom: -145px; }
.quote_application .form { display: flex; flex-wrap: wrap; gap: 12px; }
.quote_application .form div.input { display: inline-block; width: auto; }
.quote_application .form .w-23 { width: 23% !important; }
.quote_application .form .w-18 { width: 18% !important; }
.quote_application .form .w-32 { width: 32% !important; }
.quote_application .form .w-cal { width: calc(27% - 36px) !important; }
.quote_application .form select { width: 100%; height: 64px; padding-left: 25px; font-size: 25px; font-weight: 500; color: #111; border-radius: 5px; border: none; }
.quote_application .form input { height: 64px; padding-left: 25px; font-size: 25px; font-weight: 500; color: #111; border-radius: 5px; border: none; }
.quote_application .form input.name { width: 100%; }
.quote_application .form input.tel { width: 100%; }
.quote_application .form button { width: 100%; font-size: 25px; font-weight: 500; color: #fff; line-height: 64px; text-align: center; border-radius: 5px; border: none; background-color: #1791ff; }
.quote_application .tel_wrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-top: 15px; }
.quote_application .tel { font-size: 23px; font-weight: 800; color: #a8d5fe; line-height: 40px; }
.quote_application .tel span { display: inline-block; margin-left: 10px; font-size: 37px; font-weight: 700; color: #fff; line-height: 40px; vertical-align: top; }
.quote_application .assent { display: flex; align-items: center; font-size: 16px; font-weight: 500; color: #fff; line-height: 25px; }
.quote_application .assent input { width: 21px; height: 21px; margin-right: 8px; border: none; }
.quote_application .assent a { margin-left: 8px; }

/* footer */
footer { background: #393939; padding: 45px 0; }
footer, footer a, footer .f_left, footer .f_right, footer p, footer span, footer ul, footer li {font-size: 13px; color: #fff;}
.footer_flx {width: 100%; height: 100%; display: flex; align-items: flex-start; justify-content: space-between;}
.footer_flx .f_left {width: 65%;}
.footer_flx .f_left figure img {display: block; max-width: 132px; width: 100%; height: auto;}
.footer_flx .fl_txt {line-height: 1.5; margin: 15px 0 20px;}
.footer_flx .fl_txt span {display: inline-block;}
.footer_flx .fl_txt span::after {content: ''; display: inline-block; width: 1px; height: 8px; background: #fff; margin: 0 8px;}
.footer_flx .fl_txt span:last-child::after {display: none;}
.footer_flx .f_left > ul {display: flex; align-items: center; margin-bottom: 10px;}
.footer_flx .f_left > ul li:first-child {margin-right: 25px;}
.footer_flx .f_left > ul a, .f_left .copy {color: #a5a5a5;} 
.footer_flx .f_right {width: 45%;	display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end;}
.footer_flx .f_right > p {font-size: 18px; text-align: right; font-weight: 600; margin: 25px 0 30px;}
.footer_flx .f_right > p span {font-size: 22px; color: #9ab8f5; display: block;}
.footer_flx .fr_link {display: flex; align-items: center;}
.footer_flx .fr_link li:first-child {margin-right: 7px;}
.footer_flx .fr_link a {color: #fff; background: #939393; border-radius: 50px; display: flex; align-items: center; justify-content: center; width: 130px; height: 33px; font-size: 15px;}
.footer_flx .fr_link a:hover { background: #737373; }
.footer_flx .footer_site_link {border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; padding:10px 0;text-align:center;}
.footer_flx .footer_site_link ul li {display:inline; margin:0 8px; }
.footer_flx .footer_familysite {width:100%; position:relative; max-width: 130px; }
.footer_flx .total {width:100%;  cursor:pointer; }
.footer_flx .select_d {border:1px solid rgba(255,255,255,0.6); width:100%; line-height:23px; height:23px; padding-left:12px; position:relative; font-size:13px; border-radius: 5px;}
.footer_flx .select_d span {display:inline-block; position:absolute; right:10px; font-size: 18px; top: 2px;}
.footer_flx .select_op {border:1px solid #ddd;border-top:none; width:100%; margin-top:0px; display:none; position:absolute; z-index:3px; background:#fff; font-size:11px;}
.footer_flx .select_op li {line-height:30px;height:30px; border:0px solid red; padding-left:8px;}
.footer_flx .select_op li a {cursor:pointer; width:100%; height: 23px; display:inline-block;letter-spacing:-0.3px; font-size: 13px;}
.footer_flx .select_op li:hover {background:#eee;}
.footer_flx .a_focus {background:#8e8e8e; color:#fff !important;} 
.footer_copyright {background:#323232; color:#fff; text-align:center; padding:10px;}
.footer_copyright p {color:#fff; font-size:12px;}
.footer_copyright p a {font-size:11px; color:#fff;  margin-left:15px;}

.main_new0 {display:none; background:#24305b;}
.main_new0 ul {display:flex; max-width:1280px; margin:0 auto;}
.main_new0 ul li {width:33%; text-align:center; padding:25px 0;}
.main_new0 ul li p {color:#fff; font-size:25px; margin-top:10px;}
.main_new0 ul li:nth-child(2) {background:#f6893d; animation:btnFlash 1s infinite;}
.main_new0 ul li:nth-child(2) p {color:#fff;}
.main_fix {display:none;}

/* Location */
.Location { position: relative; margin-bottom: 10px; z-index: 2; }
.Location > ul { display: flex; flex-wrap: wrap; z-index: 999; }
.Location > ul:after { content: ""; display: block; clear: both; }
.Location > ul > li { position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.Location > ul > li a { display: block; font-size: 15px; font-weight: 400; color: #888; line-height: 48px; }
.Location > ul > li.depth-home { font-size: 0; line-height: 0; }
.Location > ul > li.depth-middle > a { width: 150px; padding: 0 10px 0 30px; background: url("../images/common/home_arrow1.png") no-repeat right top 22px; }
.Location > ul > li.depth-middle.on > a { font-weight: 600; color: #282828; background: url("../images/common/home_arrow2.png") no-repeat right top 22px; }
.Location > ul > li.depth-middle.on .depth-in { display: block; }
.Location > ul > li.depth-last > a { width: 200px; padding: 0 10px 0 30px; background: url("../images/common/home_arrow1.png") no-repeat right top 22px; }
.Location > ul > li.depth-last.on > a { font-weight: 600; color: #282828; background: url("../images/common/home_arrow2.png") no-repeat right top 22px; }
.Location > ul > li.depth-last.on .depth-in { display: block; }
.Location > ul > li .depth-in { position: absolute; top: 48px; display: none; overflow: hidden; width: 100%; margin: 0; border-radius: 10px; border: 1px solid #d5d5d5; background: #fff; z-index: 999; }
.Location > ul > li .depth-in li { padding: 0; } 
.Location > ul > li .depth-in li a { display: block; margin: 0; padding: 0 0 0 29px; font-size: 14px; color: #282828; line-height: 37px; background: none; }
.Location > ul > li .depth-in li a:hover { font-weight: 600; color: #fff; background-color: #173463; }

/* modal */
.modal-overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background:rgba(0,0,0,0.6); z-index:999; }
.modal { position:absolute; top:50%; left:50%; width:980px; padding:50px; border-radius:20px; background-color:#fff; transform:translate(-50%, -50%); box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.modal2 { position:absolute; top:50%; left:50%; width:1260px; padding:50px; border-radius:20px; background-color:#fff; transform:translate(-50%, -50%); box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.modal-pw { width:500px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

h2.modal-h2 { font-size:24px; font-weight:700; color:#111; line-height:33px; }
h2.modal-h2-finish { position:relative; margin-top:45px; font-size:20px; font-weight:700; color:#111; line-height:29px; }
h2.modal-h2-finish em { display:inline-block; margin-left:20px; font-size:15px; font-weight:300; color:#999; line-height:29px; vertical-align:top; }
h2.modal-h2-finish em img { margin:7px 1px 0 1px; vertical-align:top; }
h2.modal-h2-finish em span { display:inline-block; margin:0 10px; padding-right:11px; font-weight:600; color:#333; vertical-align:top; background:url('../images/common/gnb_line.jpg') no-repeat right center; }
h3.modal-h3 { position:relative; margin-top: 0; font-size:20px; font-weight:700; color:#111; line-height:30px; text-align:left; }
h3.modal-h3 a { position:absolute; top:5px; right:0; font-size:0; line-height:0; }
h3.modal-h3 a:hover { transform: rotate(180deg); }

div.modal-policy { overflow-y:scroll; max-height:500px; margin-top:30px; font-size: 16px; font-weight: 400; color: #777; line-height: 25px; text-align:left; }
div.modal-policy strong { display: block; margin-bottom: 10px; font-weight: 600; color: #282828; }
div.modal-policy strong.inline { display: inline-block; margin-bottom: 0; }
div.modal-policy span { display: inline-block; font-weight: 600; color: #0b5cc2; }
div.modal-policy table { width: calc(100% - 1px); margin: 15px 0; border-top: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; }
div.modal-policy table th { padding: 10px; font-weight: 600; color: #282828; text-align: center; border-left: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; background-color: #e5e5e5; }
div.modal-policy table td { padding: 10px; text-align: center; border-left: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; }
div.modal-img { margin-top:30px; font-size: 0; line-height: 0; }
div.modal-img img { width: 100%; }
div.modal-input { margin-top:35px; }
div.modal-input input[type="password"] { width:100%; height:61px; font-size: 20px; font-weight:600; color:#282828; text-align:center; border-radius:10px; border:1px solid #d5d5d5; }
div.modal-input p { margin-top:20px; font-size:16px; color:#505050; line-height:25px; text-align:center; }
div.modal-btn { margin-top:45px; text-align:center }
div.modal-btn a { display:inline-block; width:118px; margin:0 5px; font-size:16px; font-weight:700; color:#00aeef; line-height:45px; border-radius:50px; border:1px solid #00aeef; }
div.modal-btn a.on { color:#fff; background-color:#00aeef; }
div.modal-btn button { display:inline-block; width:118px; margin:0 5px; font-size:16px; font-weight:700; color:#00aeef; line-height:45px; border-radius:50px; border:1px solid #00aeef; }
div.modal-btn button.on { color:#fff; background-color:#00aeef; }

@media screen and (max-width: 1280px) {
	.wrap { width: 980px; margin: 0 auto; }

	.header .menu > ul { gap: 40px; }

	.submenu { width: 980px; }
	.submenu-inner { height: 237px; }

	.pc_n_center li p {font-size: 14px; }
	.pc_n_center li:first-child img {max-width: 54px;}
	.pc_n_center li:nth-child(2) img {max-width: 52px;}
	.pc_n_center li:nth-child(3) img {max-width: 68px;}
	.pc_n_center li:nth-child(4) img {max-width: 45px;}
	.pc_n_center li:nth-child(5) img {max-width: 45px;}
	.pc_n_center li:nth-child(6) img {max-width: 49px;}
	.pc_n_center li:nth-child(7) img {max-width: 72px;}
	.pc_n_center li:nth-child(7) p {margin-top:0;}
	.pc_n_center li:nth-child(8) img {max-width: 58px;}
	.pc_n_center li:nth-child(9) img {max-width: 52px;}
	.pc_n_center li:last-child img {max-width: 61px;}


}

@media screen and (max-width:980px) {
	.wrap { width: 750px; margin: 0 auto; }

	.header .top-bar { display: none; }
	.header .menu { display: none; }
	.header .side { display: block; }
	.header .side img { height: 53px; }

	.submenu { display: none; }




	.modal { left:20px; right:20px; width:auto; transform:translate(0, -50%); }
}

@media screen and (max-width:768px) {
	.wrap { width: auto; margin: 0 20px; }

	.header .gnb .wrap { height: 66px; }
	.header h1 img { height: 40px; margin: 2px 0; }
	.header .side { padding: 15px 0 15px 20px; border-left: 1px solid #ddd; }
	.header .side img { height: 36px; }

	.m_n_top div.top { padding: 13px 20px; }
	.m_n_top div.top figure img { height: 40px; }
	.m_n_top div.top div.close img { height: 22px; }
	.m_n_top ul { padding: 15px 20px; border-top: 5px solid #e7e7e7; }
	.m_n_top ul li:first-child {font-size: 14px; }
	.m_n_top ul li a {padding: 6px 15px; font-size: 14px; }

	.m_n_center { padding: 40px 0; border-top: 5px solid #e7e7e7; }
	.m_n_center ul { gap: 30px 0; }
	.m_n_center li::after { height: 90px; }
	.m_n_center li h3 { font-size: 16px; margin-top: 15px; }
	.m_n_center li:first-child img {max-width: 50px;}
	.m_n_center li:nth-child(2) img {max-width: 48px;}
	.m_n_center li:nth-child(3) img {max-width: 60px;}
	.m_n_center li:nth-child(4) img {max-width: 50px;}
	.m_n_center li:nth-child(5) img {max-width: 52px;}
	.m_n_center li:nth-child(6) img {max-width: 45px;}
	.m_n_center li:nth-child(7) img {max-width: 60px;}
	.m_n_center li:nth-child(8) img {max-width: 45px;}
	.m_n_center li:last-child img {max-width: 52px;}

	.m_n_middle { gap: 6px; margin: 0 20px; }
	.m_n_middle a { width: calc((100% - 6px) / 2); padding: 8px 0; }
	.m_n_middle p { font-size:15px; margin-left:10px; }
	.m_n_middle figure img { width: 36px; }

	.m_n_bottom ul { padding: 30px 20px; }
	.m_n_bottom li h4 { font-size: 15px; margin-top: 15px;}
	.m_n_bottom li:first-child img {max-width: 35px;}
	.m_n_bottom li:nth-child(2) img {max-width: 30px;}
	.m_n_bottom li:nth-child(3) img {max-width: 28px;}
	.m_n_bottom li:last-child img {max-width: 35px;}

	.quote_application { margin-top: 80px; padding: 40px 0; }
	.quote_application.mgbot { margin-bottom: -75px; }
	.quote_application .form { gap: 10px; }
	.quote_application .form select { width: 100%; height: 44px; padding-left: 15px; font-size: 15px; }
	.quote_application .form input { height: 44px; padding-left: 15px; font-size: 15px; }
	.quote_application .form input.name { width: 100%; }
	.quote_application .form input.tel { width: 100%; }
	.quote_application .form button { width: 100%; font-size: 15px; line-height: 44px; }
	.quote_application .form .w-23 { width: 100% !important; }
	.quote_application .form .w-18 { width: 40% !important; }
	.quote_application .form .w-32 { width: calc(60% - 10px) !important; }
	.quote_application .form .w-cal { width: 100% !important; }
	.quote_application .tel_wrap { justify-content: center; margin-top: 15px; }
	.quote_application .tel { width: 100%; font-size: 15px; line-height: 22px; text-align: center; }
	.quote_application .tel span { display: block; margin: 5px 0 0 0; font-size: 24px; line-height: 31px; }
	.quote_application .assent { width: 100%; justify-content: center; margin-top: 5px; font-size: 13px; line-height: 20px; }
	.quote_application .assent input { width: 16px; height: 16px; }

	.main_new0 {display:block; position:fixed; left:0; bottom:0; width:100%; z-index:10;}
	.main_new0 ul {justify-content: space-between;}
	.main_new0 ul li {width:50%; padding:2% 0;}
	.main_new0 ul li a {display:block;}
	.main_new0 ul li figure { margin:0 auto;}
	.main_new0 ul li figure img { height: 40px; }
	.main_new0 ul li p { font-size:15px; margin-top:5px; }
	.main_new0 ul li:nth-child(2) {border-left:1px solid #0d1639;}

	footer { background: #393939; padding: 40px 0 100px 0; }
	.footer_flx { display: block; }
	.footer_flx .f_left { width: 100%; }
	.footer_flx .f_right {align-items: flex-start; width: 100%; }
	.footer_flx .f_right > p { text-align: left; line-height: 1.5; margin: 25px 0 0; }
	.footer_flx .fr_link { display: none; }

	.main_fix {display:flex; position:fixed; right:20px; bottom:102px; width:50px; height:50px; z-index: 10; background-color: #fee500; border-radius: 10px; justify-content: center; align-items: center;}
	.main_fix a {display: flex; flex-direction: column; align-items: center; justify-content: center;}
	.main_fix p {color:#3e2723; font-weight: 600; display: none;}
	.main_fix .kakao {display:flex; justify-content: center;}
	.main_fix .kakao img {width:100%; max-width:38px; height:auto; display:block;}

	.modal { padding:25px 30px; border-radius:10px; }
	.modal-pw { width: auto; }

	h3.modal-h3 { font-size:16px; line-height:25px; }
	h3.modal-h3 a img { height: 15px; }

	div.modal-policy { max-height:300px; margin-top:15px; font-size: 13px; line-height: 20px; }
	div.modal-policy table { margin: 10px 0; }
	div.modal-policy table th { padding: 8px; }
	div.modal-policy table td { padding: 8px; }
	div.modal-input { margin-top:20px; }
	div.modal-input input[type="password"] { height: 44px; font-size: 15px; border-radius: 5px; }
	div.modal-input p { margin-top:15px; font-size:14px; line-height:23px; }
	div.modal-btn { margin-top:20px; }
	div.modal-btn a { width:78px; margin:0 5px; font-size:14px; line-height: 33px; }
	div.modal-btn button { width:78px; margin:0 5px; font-size:14px; line-height: 33px; }
}

@media screen and (max-width:480px) {
	.wrap { width: auto; margin: 0 20px; }


}