@charset "utf-8";
@import url('font/Paperlogy.css');
@import url('font/pretendard-gov.css');

/*reset*/
html, body, form, p, div, ul, ol, dl, dt, dd, li, table, tr, th, td, input, h1, h2, h3, h4, h5, h6, a, caption, select, textarea, label, button {margin: 0; padding: 0; font-size:18px;  font-family:'Pretendard GOV', 'Malgun Gothic', '맑은고딕', sans-serif; letter-spacing:-.5px;}
html, body, form, p, div, ul, ol, dl, dt, dd, li, table, tr, th, td, input, a, caption, select, textarea, label {font-weight:400;}
fieldset {margin: 0;  padding: 0; border:0; vertical-align:top;}
legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; font-size:0; line-height:0;}
address {font-style:normal;}
ul, li, dl, dd {list-style:none outside none;}
img, input.image {border: 0 none;}
textarea, select {border: 1px solid #c9c9c9; background: #fff;}
select {font-family:'Pretendard GOV', 'Malgun Gothic', '맑은고딕', sans-serif;;}
input, textarea {color: #484848; background: #fff; }
select{height: 21px; width:auto; padding:1px 3px 2px; vertical-align: top; color: #666666;}
span.button, img.button, a.button {cursor: pointer; vertical-align: middle;}
img, input.image, fieldset{border: 0 none;}
table {width:100%; border:0 none; border-collapse:collapse; border-spacing:0;}
hr, caption {position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; border:0;}
.ls_1 {letter-spacing:-0.1em;}
* {box-sizing:border-box; word-break:keep-all;}

/*style*/

html, body {height:100%;}
body {padding:15px 5%; background:no-repeat url('ppimg_bg_left.png') left 47%, no-repeat url('ppimg_bg_right.png') right 47%;}
.wrap {display:flex; flex-direction:column; margin:0 auto; max-width:1046px; height:100%;}
div.contain {flex:1 1 auto; display:flex; align-items:center;}
p.gongsam {padding-top:45px;}
h1 {padding-left:6px; margin-bottom:30px; color:#0c55a7; font-size:45px; font-weight:600; font-family:'Paperlogy', sans-serif;}
h1 strong {display:block; color:#023268; font-weight:600;}
div.con p {padding-left:6px; margin-top:13px; line-height:160%;}
div.con dl {display:flex; flex-wrap:wrap; gap:14px 0; text-align:left; margin:22px 0; padding:24px 32px; border-radius:16px; border:1px solid #0c55a7; background:#f0f0f0;}
div.con dl>dt {position:relative; flex:0 0 95px; padding-left:17px; font-weight:600; color:#023268;}
div.con dl>dt .num {position:absolute; left:0; top:0;}
div.con dl>dt .spacing {margin-left:30px;}
div.con dl>dd {flex:1 1 calc(100% - 95px);}
p.logo {text-align:center; flex:0 0 90px; display:flex;  justify-content:center; align-items:center;}
div.con b {color:#f23458; font-size:20px;}
div.con ul {padding-left:6px; margin-top:6px; margin-bottom:15px;}
div.con ul>li {position:relative; padding-left:16px; margin-bottom:8px;}
div.con ul>li::before {position:absolute; left:6px; top:10px; width:4px; height:4px; background:#333; content:"";}
div.con a {color:#023268;}
div.con a.btn {vertical-align:middle; display:inline-block; padding:3px 10px; font-size:15px; font-weight:600; border-radius:5px; color:#fff; text-decoration:none; background:#f23568;}

@media screen and (max-width:1280px) {
	body {background:no-repeat url('ppimg_bg_left.png') center center}
}

@media screen and (max-width:1175px) {
	.wrap {gap:40px;}
	div.contain {flex-direction:column;}
	p.gongsam {padding-top:20px; text-align:center;}
	p.gongsam img {max-width:511px; width:43%;}
	div.contents {text-align:center;}
	div.con p:has(b) {padding-top:10px; border-top:1px dotted #ccc;}
	div.con ul {padding-bottom:10px;border-bottom:1px dotted #ccc;}
	div.con ul>li {padding-left:0;}
	div.con ul>li::before {display:none;}
	
}