@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
* { padding: 0; margin: 0; } 
ul, li { list-style: none; } 
img { display: block; max-width: 100%; } 

html, body { font-family: 'Pretendard', 'Malgun Gothic', dotum, sans-serif; line-height: 1.4; font-size: 20px; word-break: keep-all; word-wrap: break-word; } 
html { overflow-x: hidden; } 
body { overflow-x: visible; } 
.cinner { max-width: 1200px; width: 92%; margin: 0 auto; } 

@media all and (max-width: 1024px) { html,body { font-size: 18px; } 
 }
@media all and (max-width: 768px) { html,body { font-size: 17px; } 
 }


/* =============== */
/***** HEADER ****/
/* =============== */
/* #header { width: 100%; height: 100vh; background: #fff; position: relative; } 
#header::before { content: ''; display: block; width: 100%; height: 100%; } 
#header h1 { display: flex; justify-content: center; align-items: center; width:100%; margin:0 auto; color: #fff; font-size: 5.0em; word-break:keep-all; position: absolute; top: 36%; z-index: 9999; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4); } 
#header h1 > img { flex: 0 0 auto; } 

@media all and (max-width: 640px){
 #header h1 { flex-direction: column; font-size: 64px; } 
 }*/

/* =============== */
/***** MSEC01 ****/
/* =============== */
.msec01 { width:100%; padding: 120px 0; box-sizing: border-box; position: relative; text-align:center; } 
.msec01 h2 { font-size: 2.0em; text-align: center; display: flex; align-items: center; justify-content: center; margin-bottom: 80px; } 
.msec01 p { margin: 35px 0; font-weight: 300; } 
.msec01 p > span { font-weight: 600; } 
.msec01 .call { max-width: 340px; width: 100%; margin: 0 auto; } 
.msec01 .call > a { text-decoration:none; } 
.msec01 .call > a > p { font-size: 18px; color: #fff; font-weight: 600; background-color: #1a65c0; padding: 14px 57px; border-radius: 6px; border:2px solid #fff; } 
.msec01 .call > a > p:hover { font-weight:800; color: #1a65c0; background-color: #fff; border:2px solid #1a65c0; transition:0.3s; } 

/* =============== */
/***** MSEC02 ****/
/* =============== */
.msec02 { width:100%; padding: 120px 0; background: #000; color:#fff; } 
.msec02 h2 { margin-bottom: 30px; font-size: 2.0em; text-align: center; } 
.msec02 ul { display:flex; flex-wrap: wrap; align-items: stretch; } 
.msec02 ul li { display: flex; flex-direction: column; width: 25%; padding: 30px; box-sizing: border-box; text-align: center; position: relative; } 
.msec02 ul li:not(:last-child)::after { content: ''; display: block; width: 1px; height: 70%; background: #efefef; position: absolute; top: 0; bottom: 0; right: 0; margin: auto; } 
.msec02 ul li > img { width: 50px; margin: auto; } 
.msec02 ul li > h4 { margin: 20px auto 10px; font-size:1.25em; font-weight:500; } 
.msec02 ul li > p { flex-grow: 1; font-size: 18px; font-weight: 300; } 

@media all and (max-width: 1024px){
 .msec02 ul { max-width: 800px; margin: 0 auto; } 
 .msec02 ul li { width: 50%; } 
 .msec02 ul li:nth-child(even)::after { display: none; } 
 }
@media all and (max-width: 640px){
 .msec02 ul li { width: 100%; } 
 .msec02 ul li:not(:last-child)::after { display: none; } 
 .msec02 ul li > p { font-size: 17px; } 
 }

/* =============== */
/***** MSEC03 ****/
/* =============== */
#map .root_daum_roughmap .cont { display:none; } 

/* =============== */
/***** FOOTER ****/
/* =============== */
.footer { padding: 80px 0; text-align:center; } 
.footer p { font-size:18px; letter-spacing: 0.5px; } 

@media all and (max-width: 640px){
 .footer { padding: 55px 0; } 
 .footer p { font-size: 15px; } 
 }


/* ================== */
/***** FLOAT MENU ****/
/* ================= */
#floatMenu { display: none; width: 80px; position: absolute; right: 20px; top: 350px; z-index:99999; } 
.floatMenu-wrap { display:flex; flex-wrap:wrap; } 
.floatMenu-wrap > a { width: 100%; padding: 6px 0; } 

@media all and (max-width: 768px){
 #floatMenu { width: 60px; } 
 }
@media all and (max-width: 640px){
 #floatMenu { width: 50px; } 
 }