body.overflow{width:100vw; height:100vh; overflow:hidden;}

header{z-index: 50; position: fixed; top: 0; left: 0; width: 100%; height: 120px; background-color: #fff; border-bottom: 1px solid #e0e0e0; }
header h1{width: 277px; height: 100%; background:url(/img/common/logo.png) no-repeat center; background-size: 100% auto; }
header .inner{display: flex; justify-content: center; align-items: center; height: 100%;}
header a{display: flex; gap: 30px; align-items: center; height: 100%; position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 40px; padding: 0 20px; border:1px solid #c6940d; border-radius: 20px;}
header a span{display: inline-block;color: #c6940d; font-weight: 600; font-size: 20px;}


nav{z-index: 9; position: fixed; left: 100px; top: 240px; }
nav ul li{ padding-left: 47px; padding-bottom: 4px; width: 220px; background-image: url(/img/common/nav_li_bg.png);  color: #22333b; background-repeat: no-repeat; background-size: 100% auto;  transition: background-image 0.4s;}
nav ul li a{display: block; position: relative; padding-left: 15px; height: 50px; line-height: 50px; font-family: 'Noto Sans KR'; font-size: 18px;  }
nav ul li + li{margin-top: 60px;}
nav ul li a::before{position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 4px; background-color: #22333b; border-radius: 100%; content: '';}

nav ul li.on{ background-image: url(/img/common/nav_li_bg_on.png);  font-weight: bold; color: #fff; font-weight: bold;}
nav ul li.on a::before{background-color: #fff;}

footer{background-color: #22333b;}
footer .inner{ display: flex; height: 100px; justify-content: center; align-items: center;} 
footer .inner p{color: #fff;}

footer .inner .family_wrap{position: absolute; right: 0; top: calc(50% - 25px); width: 240px;}
footer .inner .family_wrap button{z-index: 1; position: relative; display: flex; align-items: center; padding: 0 20px; width: 100%; height: 50px; border: 1px solid #fff; font-size: 20px; border-radius: 10px; color: #fff; background-color: #22333b;}
footer .inner .family_wrap button::after{position: absolute; right: 20px; width: 21px; height: 100%; transform: rotate(0); background: url(/img/common/icon_arrow.png) no-repeat center; background-size: 100% auto; content: ''; transition: all 0.4s;}
footer .inner .family_wrap ul{opacity: 0; position: absolute; left: 0; top: 60px; width: 100%; height: 0; overflow: hidden; transition: all 0.4s;} 
footer .inner .family_wrap ul li{display: flex; justify-content: center; align-items: center;  background-color: #fff; color: #000; height: 50px; border-radius: 10px; border: 1px solid #dedede;}
footer .inner .family_wrap ul li + li{margin-top: 10px;}

footer .inner .family_wrap.on ul{opacity: 1; top: -60px; height: auto;}
footer .inner .family_wrap.on button::after{transform: rotate(180deg);}

section{padding: 120px 0; text-align: center; overflow: hidden; background-repeat: no-repeat;}
.container{margin: 120px auto 0; max-width: 1920px;}
.inner{position: relative; max-width: 1200px; margin: 0 auto;}
.wrap{position: relative; max-width: 960px; width: 100%; margin: 0 auto;}

.txt_left{text-align:left !important;}
.txt_right{text-align:right !important;}
.txt_center{text-align:center !important;}

.fc_red{color:#DD4653;}
.fc_darkRed{color:#72383D;}

.scroll_wrap{overflow:auto; /*resize:vertical;*/}

.scroll_wrap::-webkit-scrollbar{width: 6px; height:6px; }
.scroll_wrap::-webkit-scrollbar-thumb{background-color: #8b898a; border-radius:3px;}
.scroll_wrap::-webkit-scrollbar-track{background-color: #d5d8d7; border-radius:3px;}

.btn_wrap{margin-top:40px; display:flex; gap:8px;}
.btn{display:flex; align-items:center; justify-content:center; width:100%; height:74px; font-size:24px; line-height:1; color:#fff; border-radius:10px; }
.btn.bg_01{background-color:#22333B;}
.btn.bg_02{background-color:#DFE9F1; color:#2A3950;}

.btn.on{background-color:#515E7E !important;}


.chk_wrap{display:flex; align-items:center; gap:24px; }
.chk_wrap.end{justify-content:end;}

input[type=checkbox],
input[type=radio] {display: none;}

.check_box{display:flex; align-items:center; gap:8px;}
.check_box label{font-size:24px;}


/*======================================== 라디오박스 ========================================*/
.radio_box{height: 24px;  width: 24px;}
.radio_box .check {
  height: 24px;
  width: 24px;
  background-color: #fff;
  border-radius: 100%;
  position: relative;
  display: inline-block;
  border:1px solid #DBDBDB;
  -moz-transition: border-color ease 0.2s;
  -o-transition: border-color ease 0.2s;
  -webkit-transition: border-color ease 0.2s;
  transition: border-color ease 0.2s;
  cursor: pointer;
  overflow:hidden;
}

.radio_box .check::before {
  position: absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  height: 0;
  width: 0;
  background-color: #c6ac8f;
  border-radius: 100%;
  content: " ";
  -webkit-transition: all ease 0.4s;
  -moz-transition: all ease 0.4s;
  transition: all ease 0.4s;
}

.radio_box input:checked + .check,
.radio_box .check.checked {
  background-color: transparent;
  border:1px solid #c6ac8f;
}

.radio_box input:checked + .check::before,
.radio_box.checked::before {
  height: 14px;
  width:14px;
}



.entry_wrap .row{display:flex; align-items:center; gap:24px;}
.entry_wrap .row + .row{margin-top:16px;}
.entry_wrap .row .label{min-width:130px; font-size:24px; text-align:left;}
.entry_wrap .row .data{display:flex; align-items:center; gap:10px; width:100%;}
.entry_wrap .row .data input{padding:0 10px; width:100%; height:58px; font-family:inherit; font-size:24px; background-color:#F6F7F8; border-radius:10px;  }
.entry_wrap .row .data input::placeholder{font-size:24px; color:#aaa;  font-family: inherit;}
.entry_wrap .row .data .txt{flex-shrink:0; font-size:20px;}
.entry_wrap .row .data input[readonly]{padding:0; background-color:#fff;}
.entry_wrap .row .data input[readonly]:focus{outline:none;}


.section01{padding-top: 50px; padding-bottom: 0;}
.section01 .sec_tit{font-size: 40px;}
.section01 .sec_ctxt{margin-top: 15px; font-size: 28px;color:#c89f57;}

.section01 .video_wrap{margin-top: 50px; padding-bottom: 56.3%; position: relative;}
.section01 .video_wrap::after{position: absolute; left: 0; top: 0; width: 100%; height: 100% ; content: ''; background-color: #000; opacity: 0;}
.section01 .video_wrap iframe{position: absolute; left: 0;top: 0; width: 100%; height: 100%;}

/* .section01 .video_wrap video{width: 100%;;}
.section01 .video_wrap video[poster]{width:100%;} */


/* .section01 .swiper{margin-top: 60px; overflow: hidden;}
.section01 .swiper::before,
.section01 .swiper::after{z-index: 4; position: absolute; top: 0; width: 30%; height: 100%; content: ''; }
.section01 .swiper::before{left: 0;background: linear-gradient(90deg, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);}
.section01 .swiper::after{right: 0;background: linear-gradient(-90deg, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);}

.section01 .swiper ul li{width: 55%; padding: 0 10px; text-align: center;} */


.banner_wrap {padding: 100px 0; text-align: center;}

.banner_wrap .ctxt{font-size: 28px; line-height: 1.6;}
.banner_wrap .ctxt strong{color: #c89f57;}

.banner_wrap .box{display: flex; justify-content: center; align-items: center; height: 180px; margin-top: 100px; border:1px solid #2a393f;}

.banner_wrap .box > div{width: 50%; padding: 0 40px}
.banner_wrap .box a{display: block; font-size: 40px; color: #22333b; font-weight: 800; text-align: right;}

.banner_wrap .box .icon span{position: relative; padding-left: 60px; }
.banner_wrap .box .icon span::before{position: absolute; left: 0; top: 0; width: 42px; height: 100%; background-image: url(/img/main/icon_tel.png); background-repeat: no-repeat; content: '';}

.banner_wrap .box .txt_box{padding-left: 40px; border-left: 1px solid #c89f57; text-align: left;}

.banner_wrap .box .txt_box h2{margin-bottom: 16px; font-size: 24px; color: #22333b;}
.banner_wrap .box .txt_box p{font-size: 20px; color: #5e503f; }


.banner_wrap.st02 {color: #fff;}
.banner_wrap.st02{background-image: url(/img/main/banner02_bg.png); background-size: cover; background-repeat: no-repeat;}
.banner_wrap.st02 .ctxt strong{color: #fff;}
.banner_wrap.st02 .box{margin: 50px auto 0; height: 90px; max-width: 580px; border-color:#fff;}
.banner_wrap.st02 .box h2{font-size: 30px;}
.banner_wrap.st02 .box a{position: relative;margin-left: 20px; padding-left: 20px; color: #fff;font-size: 30px;}
.banner_wrap.st02 .box a::before{ position: absolute; left: 0; top: calc(50% - 14px); width: 1px; height: 28px; background-color: rgba(255,255,255,0.5); content: '';}
.banner_wrap.st02 .txt_box{margin-top: 50px; font-size: 20px; color: rgba(255,255,255, 0.5);}
.banner_wrap.st02 .txt_box span + span{ margin-left: 10px; padding-left: 10px;display:inline-block; position: relative;}
.banner_wrap.st02 .txt_box span + span::before{position: absolute; left: 0; top: calc(50% - 10px); width: 1px; height: 20px; background-color: rgba(255,255,255,0.5); content: '';}

.section02{background-image: url(/img/main/sec02_bg.png); background-position: center;}
.section02 .sec_tit{margin-bottom: 70px; position: relative; height: 120px; line-height: 120px; font-size: 40px; color: #fff; background: url(/img/main/sec02_tit_bg.png) no-repeat center;}
.section02 .sec_tit::before{position: absolute; right: 96px; bottom: -27px; width: 27px; height: 35px; background: url(/img/main/sec02_img01.png) no-repeat; content: '';}
.section02 .p1{margin: 45px 0 40px; font-size: 28px;}
.section02 .p2{ font-size: 40px; color: #c6940d; font-weight: 800;}

.ul_wrap{display: flex; flex-wrap: wrap; gap: 13px;}
.ul_wrap li{padding-top: 38px; width: calc((100% - 39px) / 4); height: 230px; background-color: #fff; border-radius: 10px; box-shadow: 3px 5px 10px 0px rgba(128, 162, 198, 0.2);}
.ul_wrap li:nth-child(1){padding: 30px;}
.ul_wrap li p{margin-top: 26px; font-size: 24px; color: #333333; line-height: 1.3;font-weight: 400;}
.ul_wrap li:nth-child(1) p{margin: 0; color: #fff; text-align: right; font-size: 40px; line-height: 1;}
.ul_wrap li:nth-child(1) p span{opacity: 0.6; font-size: 20px;}
.ul_wrap li img{max-width: 70px;} 

.ul_wrap.st01 li:nth-child(1){background-color: #5e503f; border-radius: 0 ;}
.ul_wrap.st01 li:nth-child(1) p{text-align: left;}

.ul_wrap.st02 li:nth-child(1){display: flex; justify-content: end; align-items: end; background-color: #22333b; border-radius: 0 ; border-top-left-radius: 100%;}

.section03 .sec_tit{margin-bottom: 100px; font-size: 50px;}
 
/* .section04{background-image: url(../images/sec04_bg.png);} */
.section04{background-color: #F7F6F4;}

.section05{background-image: url(/img/main/sec05_bg.png);}

.section05 .sec_tit{margin-top: 26px; padding-left: 33px; text-align: left; color: #fff;}
.section05 .wrap{display: flex; justify-content: space-between;}
.section05 ul{width: 720px;}
.section05 ul li{padding: 0 40px; display: flex; align-items: center; gap: 24px; height: 100px; background-color: #fff; border-radius: 10px; box-shadow: 3px 5px 10px 0px rgba(128, 162, 198, 0.2);}
.section05 ul li + li{margin-top: 10px;}
.section05 ul li p{font-size: 24px;}
.section05 ul li img{max-width: 50px;}


/*.section05 .simulation_box{display:none;}*/

/*소득공제 시뮬레이션*/
.simulation_wrap{margin-top:100px; width:100%; border:1px solid #000;}
.simulation_wrap > .inner{padding:0 40px;}
.simulation_wrap .btn_arrow{ display:flex ; align-items:center; justify-content:center; width:100%; height:114px;}
.simulation_wrap .btn_arrow b{position:relative; display:block;padding-right:48px; font-size:28px; line-height:1;}
.simulation_wrap .btn_arrow b::after{transform:rotate(0); position:absolute; right:0; top:0; width:42px; height:100%; background:url(/img/main/icon_arrow.svg) no-repeat center; transition: all 0.4s ease-in; content:''; }

.simulation_wrap .btn_arrow.on b::after{transform:rotate(-180deg);}


.simulation_wrap .simulation_box{padding:100px 0; border-top:1px solid #E0E0E0;}
.simulation_wrap .simulation_box .sub_tit{margin-bottom:100px; font-size:40px; text-align:center;}
.simulation_wrap .simulation_box > .inner{margin:0 auto; max-width:560px; width:100%;}


.section06{background-image: url(/img/main/sec06_bg.jpg); background-size: cover; background-position:top center;}

.section06 .sec_tit{margin-bottom: 80px; font-size: 50px; color: #5e503f;}
.section06 .inner div{padding-top: 40px; width: 50%;}
.section06 .inner div p{font-size: 20px; line-height: 1.7; letter-spacing: -1px; color: #5E503F;}
.section06 .inner div p b{font-size: 30px; color: #000;}
.section06 .inner div p + p{margin-top: 26px;}

.section06 .inner div .sign{margin-top: 100px; display: inline-flex; align-items: center; justify-content: center; gap: 30px; font-size: 24px;}


.section07 .sec_tit{font-size: 50px; color: #5e503f;}

.section07 .intro_wrap{ max-width: 1200px;  margin: 100px auto 0;}
.section07 .intro_wrap > li{ display: flex;justify-content: center; padding: 120px 0; }
.section07 .intro_wrap > li:nth-child(1){ border:1px solid #c6ac8f;}
.section07 .intro_wrap > li + li{border-top:1px solid rgba(0,0,0,0.15);}
.section07 .intro_wrap > li:nth-child(2){border-bottom:none;}


.section07 .intro_wrap > li > div{width: 50%;}
.section07 .intro_wrap > li .img_box{padding-left: 200px; }
.section07 .intro_wrap > li:nth-child(1) .img_box{ padding-left: 220px; text-align: left;}
.section07 .intro_wrap > li .img_box > div{width: 300px;}
.section07 .intro_wrap > li .img_box .name{margin-top: 30px; display: flex; justify-content: center; align-items: center;  height: 60px; font-size: 26px; background-color: #c89f57; border-radius: 30px; text-align: center; color: #fff;box-shadow: 4.6px 5.2px 10px 0px rgba(1, 1, 1, 0.12);}
.section07 .intro_wrap > li .img_box .name b{display: inline-block; margin-right: 5px;}

.section07 .intro_wrap > li .txt_box{text-align: left; color: #3e3e3e;}
.section07 .intro_wrap > li .txt_box .name{margin-bottom: 50px; font-size: 24px;}
.section07 .intro_wrap > li .txt_box .name b{font-size: 30px;}
.section07 .intro_wrap > li .txt_box li{position: relative; padding-left: 15px; color: #444; font-size: 20px; }
.section07 .intro_wrap > li .txt_box li::before{position: absolute; left: 0; top: calc(50% - 3px); width: 6px; height: 6px; border-radius: 100%; background-color: #c89f57; content: '';}
.section07 .intro_wrap > li .txt_box li + li{margin-top: 10px;}
.section07 .intro_wrap > li .txt_box li span{font-family: 'Noto Sans KR'; font-weight: 500;}

.section07 .intro_wrap > li:nth-child(1) .txt_box .name{ font-size: 30px;}
.section07 .intro_wrap > li:nth-child(1) .txt_box .name b{font-size: 46px; letter-spacing: 10px;}
.section07 .intro_wrap > li:nth-child(1) .txt_box li{ font-size: 24px;}



.section09{background-color: #F2F4F9;}
.section11{background-color: #F7F6F4;}

.section12 .sec_tit{margin-bottom:16px; font-size:50px; line-height:1.2;}
.section12 .sec_ctxt{margin-bottom:100px;  display:inline-block; font-size:28px; color:#C89F57;}
.section12 ul{display:flex; flex-wrap:wrap; gap:10px;}
.section12 ul li{padding:40px 0; text-align:center; width:calc((100% - 10px)/2); border-radius:10px; background-color:#fff; box-shadow: 0 0 20px 0 rgba(128, 162, 198, 0.20);}
.section12 ul li .num{display:inline-block; width:40px; height:40px; font-size:20px; line-height:40px; text-align:center; color:#5E503F; background-color:#F5F0EA; border-radius:100%;}
.section12 ul li p{padding-top:24px; font-size:24px; }
.section12 ul li p span{color:#C89F57;}


/*오시는길*/
.section_map{background-color:#F7F6F4;}

.section_map .sec_tit{margin-bottom:100px; font-size:50px;}

.section_map .map_info_wrap{display:flex; gap:40px;}
.section_map .map_info_wrap .map_wrap{position:relative; flex-shrink:0; width:100%; max-width:486px;  height:348px; border:1px solid #000; overflow:hidden;}

.section_map .map_info_wrap .map_wrap .root_daum_roughmap {position:absolute; left:0 ;top:0; width:100%; height:348px;}
.section_map .map_info_wrap .map_wrap .root_daum_roughmap .wrap_controllers,
.section_map .map_info_wrap .map_wrap .root_daum_roughmap .cont{display:none;}
.section_map .map_info_wrap .map_wrap .root_daum_roughmap .wrap_map{height:100%;}

.section_map .map_info_wrap .info_wrap{width:100%; text-align:left;}
.section_map .map_info_wrap .info_item .info_tit{margin-bottom:16px; padding-left:40px; font-size:24px; line-height:1.3; background-position:left center; background-repeat:no-repeat;}
.section_map .map_info_wrap .info_item .info_txt{font-size:20px; line-height:1.3;}
.section_map .map_info_wrap .info_item.info_01 .info_tit{background-image:url(/img/main/icon_map01.svg);}
.section_map .map_info_wrap .info_item.info_02 .info_tit{background-image:url(/img/main/icon_map02.svg);}
.section_map .map_info_wrap .info_item.info_03 .info_tit{background-image:url(/img/main/icon_map03.svg);}


.section_map .map_info_wrap .info_item + .info_item{margin-top:20px; padding-top:20px; border-top:1px solid #C3A05B;}
.section_map .map_info_wrap .info_txt a{position:relative;}
.section_map .map_info_wrap .info_txt a + a{padding-left:16px; margin-left:16px; border-left:1px solid #C3A05B;}


/*팝업*/
.popup_wrap{display:none; z-index:99; position:fixed; top:0; left:0; width:100vw; height:100vh; background-color:rgba(0,0,0,0.5);}
.popup_wrap .popup_cont{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; max-width:800px; border:1px solid #000; border-radius:10px; background-color:#fff; overflow:hidden;}
.popup_wrap .popup_cont > .inner{position:relative; padding:40px 40px 60px;}



.popup_wrap .popup_cont .popup_tit_wrap{padding-bottom:20px; position:relative; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #E0E0E0;}
.popup_wrap .popup_cont .popup_tit_wrap .tit{font-size:28px; color:#0A0908;}
.popup_wrap .popup_cont .popup_tit_wrap button{display:block; width:40px; height:40px;background:url(/img/main/icon_closed.svg) no-repeat center;}

.popup_wrap .popup_cont .scroll_wrap{max-height:70vh;}

.popup_wrap .popup_cont .simulation_wrap{ border:none; margin-top:0;}
.popup_wrap .popup_cont .simulation_wrap .inner{padding:0 40px;}
.popup_wrap .popup_cont .simulation_box{padding:60px 0 0; border-top:none;}
.popup_wrap .popup_cont .simulation_box .sub_tit{margin-bottom:60px;}

.popup_wrap .popup_cont .table_wrap{margin-top:40px;}

.popup_wrap .popup_cont .table_wrap .tb_tit{margin-bottom:10px; display:flex; justify-content:space-between; align-items:end;}
.popup_wrap .popup_cont .table_wrap .tb_tit .tit{font-size:30px;}
.popup_wrap .popup_cont .table_wrap .tb_tit .txt_unit{font-size:20px; color:#515E7E;}

.popup_wrap .popup_cont .table_wrap .tb_wrap{border-block:1px solid #000;}
.popup_wrap .popup_cont .table_wrap .tb_wrap table {font-size:20px; width:100%;}
.popup_wrap .popup_cont .table_wrap .tb_wrap table th,
.popup_wrap .popup_cont .table_wrap .tb_wrap table td{vertical-align:middle;}

.popup_wrap .popup_cont .table_wrap .tb_wrap table thead{border-bottom:1px solid #000;}

.popup_wrap .popup_cont .table_wrap .tb_wrap table thead tr{height:58px; text-align:center;}
.popup_wrap .popup_cont .table_wrap .tb_wrap table thead th:last-child,
.popup_wrap .popup_cont .table_wrap .tb_wrap table tbody td:last-child{border-left:1px solid #E0E0E0;}

.popup_wrap .popup_cont .table_wrap .tb_wrap table tbody tr{height:46px;}
.popup_wrap .popup_cont .table_wrap .tb_wrap table tbody th{background-color:#F8F8F8;}
.popup_wrap .popup_cont .table_wrap .tb_wrap table tbody td{padding:0 10px; text-align:right;}
.popup_wrap .popup_cont .table_wrap .tb_wrap table tbody tr + tr{border-top:1px solid #E0E0E0;}

.popup_wrap .popup_cont .m_fix_wrap{display:none;}





@media (min-width: 1921px){
    nav{left: 15%;}
}

@media (max-width: 1366px){
    footer{padding-bottom: 3em;}
    nav{left: 0; top: auto; bottom: 0;width: 100%;box-shadow: 0px 0px 29px 5.6px rgba(27, 81, 163, 0.19); }
    nav ul{display:flex; width: 100%; background-color: #fff;}
    nav ul li{position: relative; display: flex; justify-content: center; align-items: center; padding-left: 0; padding-bottom: 0; width: 33.333%;  height: 4em; text-align: center; background-image: none;  color: #abb2bd; }
    nav ul li a{padding-left: 0; height: auto; line-height: 1.4;  font-size: 1.1em; }
    nav ul li + li{margin-top: 0; }
    nav ul li + li::before{position: absolute; left: 0; top: calc(50% - 0.5em); width: 1px; height: 1em; background-color:  rgba(43,72,105, 0.1); content: '';}
    nav ul li a::before{display: none;}
    
    nav ul li.on{ background-image: none; }
    nav ul li.on a{background: linear-gradient(90deg, rgba(61,172,173,1) 10%, rgba(198,148,13,1) 100%);color: transparent; -webkit-background-clip: text;}
    
}

@media (max-width: 1024px){    
    header{padding: 0 1em;}
    footer{padding: 0 1em 3em;}

    section{padding: 120px 1em;}
    .section06{background-image: url(/img/main/m_sec06_bg.jpg); background-size: 100% auto;}
    .section06 .inner div{padding-top: 40em; width: 100%;}
    .section07 .intro_wrap > li .img_box{padding-left: 5em;}
    .section07 .intro_wrap > li:nth-child(1) .img_box{padding-left: 6em;}
}

@media (max-width: 980px){
    body{font-size: 14px; word-break: keep-all;}
    header{height: 4em;}
    header h1{width: 4.4em;}
    header a{gap: 0; align-items: start; height: 3.3em; padding:0.4em 0.4em; border-radius: 0.3em;}
    header a span{display: block; font-weight: 500; font-size: 1em; line-height: 1.2;}

    footer{padding-bottom: 4em;}
    footer .inner{ padding: 1em 0 1.6em; flex-wrap: wrap; height: auto;} 
    footer .inner p{margin-top: 1em; font-weight: 400;}
    footer .inner .family_wrap{position: relative; right: 0; top: 0; width: 100%;}
    footer .inner .family_wrap button{padding: 0 1em;  height: 3.2em;  font-size: 1.1em; border-radius: 0.4em; }
    footer .inner .family_wrap button::after{right: 1em; width: 1.4em;}
    footer .inner .family_wrap ul{top: 60px;} 
    footer .inner .family_wrap ul li{height: 3.2em; border-radius: 0.4em;}
    footer .inner .family_wrap ul li + li{margin-top: 0.6em;}

   /* footer .inner .family_wrap.on ul{opacity: 1; top: -120px; height: auto;}
    */

    .container{margin-top: 4em;}
    section{padding: 4em 1em; background-size: 100% auto; }

    
    .btn{height:52px; font-size:14px; }


    

    .chk_wrap{ gap:12px; }

    .check_box label{font-size:14px;}


    /*======================================== 라디오박스 ========================================*/
    .radio_box{height: 18px;  width: 18px;}
    .radio_box .check {
      height: 18px;
      width: 18px;
    }

    .radio_box input:checked + .check::before,
    .radio_box.checked::before {
      height: 10px;
      width:10px;
    }




    .entry_wrap .row + .row{margin-top:10px;}
    .entry_wrap .row .label{min-width:80px; font-size:14px;}
    .entry_wrap .row .data input{height:40px; font-size:14px; background-color:#F6F7F8; border-radius:8px;  }
    .entry_wrap .row .data input::placeholder{font-size:14px; }
    .entry_wrap .row .data .txt{font-size:14px;}





    .section01{padding-bottom: 0; padding: 3em 0 0;}
    .section01 .sec_tit{font-size: 24px;}
    .section01 .sec_ctxt{margin-top: 6px; font-size: 16px;}
    .section01 .video_wrap{margin-top: 30px}
    .section01 .video_wrap::after{display: none;}
    .section01 .swiper{margin-top: 2em;}
    .section01 .swiper::before,
    .section01 .swiper::after{width: 10%; }
    .section01 .swiper ul li{width: 80%; padding: 0 0.6em; }

    .banner_wrap {padding: 36px 12px; }
    .banner_wrap .ctxt{font-size: 16px;}
    
    .banner_wrap .box{ padding: 24px 16px; flex-wrap: wrap; height: auto; margin-top: 24px;}
    
    .banner_wrap .box > div{width: 100%; padding:0;}
    .banner_wrap .box a{font-size: 1.5em; text-align: center;}
    
    .banner_wrap .box .icon span{ padding-left: 27px; }
    .banner_wrap .box .icon span::before{width: 1em; background-size: 100% auto;}
    
    .banner_wrap .box .txt_box{margin-top: 10px; padding-top: 10px; display: flex; justify-content: center; padding-left: 0; border-top: 1px solid #c89f57; border-left: none; }
    
    .banner_wrap .box .txt_box h2{width: 33%; margin-bottom: 0; font-size: 14px; }
    .banner_wrap .box .txt_box p{font-size: 12px;}
    

    .banner_wrap.st02{background-image: url(/img/main/m_banner02_bg.png);}
    .banner_wrap.st02 .box{margin: 24px auto 0; padding: 16px 1em; height: auto; flex-wrap: nowrap;}
    .banner_wrap.st02 .box h2{font-size: 1.3em;}
    .banner_wrap.st02 .box a{margin-left: 1.2em; padding-left: 1.2em; font-size: 1.3em;}
    .banner_wrap.st02 .box a::before{ top: calc(50% - 0.6em);height: 1.2em;}
    .banner_wrap.st02 .txt_box{margin-top: 24px; font-size: 14px; line-height: 1.8;}
    .banner_wrap.st02 .txt_box span + span{ margin-left: 0; padding-left: 0;display:block;}
    .banner_wrap.st02 .txt_box span + span::before{display: none;}


    .section02{background-image: url(/img/main/m_sec02_bg.png);}
    .section02 .sec_tit{margin-bottom: 1em; padding: 2em 0 2.2em; height: auto; line-height: 1.4; font-size: 1.6em; background: url(/img/main/m_sec02_tit_bg.png) no-repeat center; background-size: 100% auto;}
    .section02 .sec_tit span{display: block;}
    .section02 .sec_tit::before{display: none;}
    .section02 .p1{margin:1em 0 0.8em; font-size: 1.1em;}
    .section02 .p2{ font-size: 1.6em;}
    

    .ul_wrap{display: flex; flex-wrap: wrap; gap: 10px;}
    .ul_wrap li{padding: 16px 10px; flex: 0 0 calc(33.333% - 7px); height: auto; border-radius: 0.4em; }
    .ul_wrap li:nth-child(1){padding: 16px 24px ; flex: 0 0 calc(66.666% - 5px);}
    .ul_wrap li:nth-child(1) p{font-size: 28px; line-height: 1;}
    .ul_wrap li:nth-child(1) p span{font-size:18px;}
    .ul_wrap li img{width: 40%;max-width: 40px;}
    .ul_wrap li p{margin-top: 10px; font-size: 14px; }
       
    
    .ul_wrap.st02 li:nth-child(1){ align-items: center; border-top-left-radius: 100px;}
    
    .section03 .sec_tit{margin-bottom: 36px; font-size: 24px;}
    

    /* .section04{background-image: url(../images/m_sec04_bg.png);} */

    .section05{background-image: url(/img/main/m_sec05_bg.png);}
    
    .section05 .sec_tit{margin-top: 0; padding-left:12px;margin-bottom: 20px; font-size: 26px;}
    .section05 .wrap{flex-wrap: wrap;}
    .section05 ul{width: 100%;}
    .section05 ul li{padding: 0 24px;  height: 72px; border-radius: 10px;}
    .section05 ul li + li{margin-top: 10px;}
    .section05 ul li p{font-size: 14px; text-align: left;}
    .section05 ul li img{max-width: 30px;}
    /* .section05 ul li:nth-child(1) img{width: 8%;}
    .section05 ul li img{width: 10%;} */

    /*소득공제 시뮬레이션*/
    .simulation_wrap{margin-top:36px;}
    .simulation_wrap > .inner{padding:0 16px;}
    .simulation_wrap .btn_arrow{ height:72px;}
    .simulation_wrap .btn_arrow b{padding-right:30px; font-size:16px;}
    .simulation_wrap .btn_arrow b::after{ width:24px; background-size:100% auto; }


    .simulation_wrap .simulation_box{padding:36px 0;}
    .simulation_wrap .simulation_box .sub_tit{margin-bottom:36px; font-size:24px;}





    .section06{background-color: #f8f8f5;}
    .section06 .sec_tit{margin-bottom: 1.2em; font-size: 2.1em; }
    .section06 .inner div{padding-top: 18em;}
    .section06 .inner div p{font-size: 1em; }
    .section06 .inner div p + p{margin-top: 1.2em;}
    .section06 .inner div p b{font-size: 1.2em; }
    .section06 .inner div .sign{margin-top: 1.2em; gap: 1em; font-size: 0.8em;}
    .section06 .inner div .sign img{width: 35%;}


    .section07 .sec_tit{font-size: 2.1em;}
    .section07 .intro_wrap{margin: 3em auto 0;}
    .section07 .intro_wrap > li{ padding: 36px 0; flex-wrap: wrap; gap: 2em; }

    .section07 .intro_wrap > li > div{width:100%;}

    .section07 .intro_wrap > li .img_box{padding-left: 0; text-align: center; max-width: 280px; }
    .section07 .intro_wrap > li .img_box img{width: 70%;}
    .section07 .intro_wrap > li:nth-child(1) .img_box{width: 80%; padding-left: 0; text-align: center;}
    .section07 .intro_wrap > li .img_box > div{width: 75%; margin: 0 auto;}
    .section07 .intro_wrap > li .img_box .name{margin: 1.6em 0 2em;  height:40px; font-size: 14px; border-radius: 3em; letter-spacing: 1px;}
    .section07 .intro_wrap > li .img_box .name b{margin-right: 0.2em; font-size: 18px;}

    .section07 .intro_wrap > li .txt_box{ }
    .section07 .intro_wrap > li .txt_box .name{margin-bottom: 24px; font-size: 24px; display: none;}
    .section07 .intro_wrap > li .txt_box .name b{ font-size: 1em;}
    .section07 .intro_wrap > li .txt_box ul{max-width: 300px; margin: 0 auto; padding: 0 1em;}
    .section07 .intro_wrap > li .txt_box li{padding-left: 0.8em;  font-size: 1em; }
    .section07 .intro_wrap > li .txt_box li::before{top: 0.6em; width: 4px; height: 4px;}
    .section07 .intro_wrap > li .txt_box li + li{margin-top: 16px;}
    .section07 .intro_wrap > li .txt_box li span{font-family: 'Noto Sans KR'; font-weight: 500;}

    .section07 .intro_wrap > li:nth-child(1) .txt_box .name{display: block;}
    .section07 .intro_wrap > li:nth-child(1) .txt_box .name{ font-size: 14px; text-align: center;}
    .section07 .intro_wrap > li:nth-child(1) .txt_box .name b{font-size: 20px; letter-spacing: 10px;}
    .section07 .intro_wrap > li:nth-child(1) .txt_box li{ font-size: 14px;}


    
    .section12 .sec_tit{margin-bottom:6px; font-size: 24px;}
    .section12 .sec_ctxt {margin-bottom:36px; font-size:16px;}
    .section12 ul li{padding:18px 24px; display:flex; align-items:center; gap:24px; text-align:left; width:100%;  }
    .section12 ul li .num{ width:24px; height:24px; font-size:14px; line-height:24px; }
    .section12 ul li p{padding-top:0; font-size:14px; }


    
    /*오시는길*/
    .section_map .sec_tit{margin-bottom:36px; font-size:24px;}

    .section_map .map_info_wrap{ gap:36px; flex-wrap:wrap;}
    .section_map .map_info_wrap .map_wrap{ max-width:100%;  height:200px;}

    .section_map .map_info_wrap .map_wrap .root_daum_roughmap {width:100%; height:200px;}


    .section_map .map_info_wrap .info_item .info_tit{margin-bottom:6px; padding-left:26px; font-size:16px; background-size:auto 100%;}
    .section_map .map_info_wrap .info_item .info_txt{font-size:12px;}


    .section_map .map_info_wrap .info_item + .info_item{margin-top:16px; padding-top:16px;}
    .section_map .map_info_wrap .info_txt a + a{padding-left:6px; margin-left:6px;}


     
    /*팝업*/
    .popup_wrap .popup_cont{ width:calc(100% - 24px); border-radius:20px;}
    .popup_wrap .popup_cont > .inner{padding:30px 16px 20px;}

    .popup_wrap .popup_cont .popup_tit_wrap .tit{font-size:16px;}
    .popup_wrap .popup_cont .popup_tit_wrap button{display:none;}

    .popup_wrap .popup_cont .scroll_wrap{padding-right:4px; height:60vh;}

    .popup_wrap .popup_cont .simulation_wrap .inner{padding:0 0 73px;}
    .popup_wrap .popup_cont .simulation_box{padding:30px 0 0;}
    .popup_wrap .popup_cont .simulation_box .sub_tit{margin-bottom:30px;}
    .popup_wrap .popup_cont .simulation_box + .btn_wrap{display:none;}

    .popup_wrap .popup_cont .table_wrap{margin-top:24px;}

    .popup_wrap .popup_cont .table_wrap .tb_tit .tit{font-size:20px;}
    .popup_wrap .popup_cont .table_wrap .tb_tit .txt_unit{font-size:12px;}

    .popup_wrap .popup_cont .table_wrap .tb_wrap table {font-size:13px;}
    .popup_wrap .popup_cont .table_wrap .tb_wrap table thead tr{height:40px;}

    .popup_wrap .popup_cont .table_wrap .tb_wrap table tbody tr{height:36px;}
    .popup_wrap .popup_cont .table_wrap .tb_wrap table tbody td{padding:0 6px;}



    .popup_wrap .popup_cont .m_fix_wrap{display:block; position:absolute; left:0; bottom:0; width:100%; padding:20px 16px; background-color:#fff;}
    .popup_wrap .m_fix_wrap .btn_wrap{margin-top:0;}

}

@media (max-width: 380px){
    body{font-size: 12px;}
   .popup_wrap .popup_cont{ width:98%;}
   .popup_wrap .popup_cont > .inner{padding:30px 8px 20px;}
    /* section{padding: 3em 1em; } */

}

/* @media (max-width: 360px){
    body{font-size: 10px;}

} */