@charset "utf-8";

* { transition:all .5s ease; outline:none; }

/* 초기화 */
html {overflow-y:scroll; min-width:1240px; }
body {margin:0;padding:0;font-size:1rem;font-family:'sqR', dotum, sans-serif;background:#fff; }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img, pre {margin:0;padding:0;border:0}
pre, h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'sqR', dotum, sans-serif}

dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'sqR', dotum, sans-serif;font-size:1em}
input[type="submit"], button {cursor:pointer}

textarea, select {font-family:'sqR', dotum, sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1rem}
a {text-decoration:none}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smooth: always; 
}

input[type=text],input[type=password], textarea {outline:none;}

@font-face {
    font-family: 'NanumSquareNeo-Variable';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/NanumSquareNeo-Variable.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Giants-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-1@1.1/Giants-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}


/* 추가 */
.fleft { float:left; }
.fright { float:right; }
.contain { width:1240px; margin:0 auto; }

* {
	-webkit-transition:all 0 ease-in-out;
	-moz-transition:all 0 ease-in-out;
	-ms-transition:all 0 ease-in-out;
	-o-transition:all 0 ease-in-out;
}

.noEffect {
	-webkit-transition:none;
	-moz-transition:none;
	-ms-transition:none;
	-o-transition:none;
}

.center { text-align:center;}

.flexbox {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;

		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
}
.flexbox_stretch {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;

		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		-webkit-align-items: stretch;
		align-items: stretch;
}
.between {
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
}
.around {
	justify-content: space-around;
	-webkit-justify-content: space-around;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
}
.start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.wrap { flex-wrap: wrap; }
.column { 
	-webkit-flex-direction:column;
	-moz-flex-direction:column;
	-ms-flex-direction:column;
	-o-flex-direction:column;
	flex-direction:column;
}

.boxPage { margin:0 auto; text-align:center; }

.under { 
	background-image: -webkit-linear-gradient(transparent 60%, #fffab2 40%);
	background-image: -moz-linear-gradient(transparent 60%, #fffab2 40%);
	background-image: -ms-linear-gradient(transparent 60%, #fffab2 40%);
	background-image: -o-linear-gradient(transparent 60%, #fffab2 40%);
	background-image: linear-gradient(transparent 60%, #fffab2 40%);
	background-size: 100% 100%; 
}

.overflow { overflow:hidden; }

.radius4 {
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
}
.radius16 {
	-webkit-border-radius:14px;
	-moz-border-radius:14px;
	-ms-border-radius:14px;
	-o-border-radius:14px;
	border-radius:14px;
}
.radius26 {
	-webkit-border-radius:26px;
	-moz-border-radius:26px;
	-ms-border-radius:26px;
	-o-border-radius:26px;
	border-radius:26px;
}
.radius50 {
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	border-radius:50%;
}
.radius100 {
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	-ms-border-radius:100%;
	-o-border-radius:100%;
	border-radius:100%;
}

.dampick { font-family: 'Chonburi', cursive; }

.boxReviewDetail .boxReviewDetailStar { display:block; font-size:22px; color:#f5b02f; }
.boxReviewDetail .boxReviewDetailStar span { font-size:16px; color:#444; display:inline-block; margin-left:8px; line-height:22px; }
.boxReviewDetail .boxReviewDetailSubject { color:#0a6aa6; font-size:24px; display:block; margin:10px 0; font-family:'esamanru'; font-weight:300; overflow:hidden; text-align:left; border-bottom:1px solid #ddd; padding-bottom:.75rem; }
.boxReviewDetail .boxReviewDetailContent { color:#444; font-size:18px; line-height:160%; text-align:left; padding-top:.5rem; height:420px; overflow-y:scroll; }

#complete { width:100%; height:100vh; background:#ededed; color:#444; font-size:3rem; font-family:'esamanru'; font-weight:bold; text-align:center; line-height:120%; }
#complete button { display:block; width:200px; height:50px; line-height:50px; border:0; background:#71808e; color:#fff; font-size:1.2rem; font-family:'NotoR'; margin:1rem auto 0 auto; cursor:pointer; }

.smallLogo { height:20px; }

.boxForm { position:relative; background:#fff; text-align:left; color:#444; width:80%; margin:0 auto; max-width:840px; max-height:640px; overflow-y:scroll; padding:1.5rem 3em 3em 3em; }
.boxForm img { max-width:100%; display:block; margin:1rem auto; }
.boxForm strong { display:block; padding:1rem; letter-spacing:-1px; font-size:28px; font-weight:500; color:#444; border-bottom:1px solid #ddd; margin-bottom:1rem; text-align:left; }
.boxForm p,
.boxForm pre { display:block; font-size:16px; line-height:140%; padding:1rem; max-height:400px; white-space: pre-wrap; font-family:'sqR'; overflow-x:hidden; overflow-y:auto; }
.boxForm > div { display:block; font-size:16px; line-height:120%; max-height:400px; font-family:'sqR'; overflow-x:hidden; overflow-y:auto; }
.boxForm .popclose { position:absolute; top:1rem; right:1rem; cursor:pointer; font-size:2rem; }

#boxTop { height:90px; position:fixed; left:0; top:0; width:100%; overflow:hidden; z-index:1000; background:#fff; min-width:1240px; border-bottom:1px solid #ddd; }
#boxTop .boxLogo { margin-left:2rem; }
#boxTop .boxLogo > a { display:block; text-align:center; }
#boxTop .boxLogo > a.logo img { height:44px; }
#boxTop .boxLogo > a em { display:inline-block; font-style:normal; font-size:.9rem; line-height:1.8rem; margin-left:.5rem; background:#000; color:#fff; padding:0 .5rem; }
#boxTop .boxLogo .boxLogoNumber { font-size:.88rem; display:block; text-align:center; color:#1d1d1b; margin-top:.5rem; }

#boxTop .boxMenu { width:55%; }
#boxTop .boxMenu .mn { display:block; color:#1d1d1b; line-height:40px; height:40px; font-size:20px; font-family:'sqEB'; }
#boxTop .boxMenu .mn:hover{color: #1072b4;}
#boxTop .boxMenu .mn.on { /* border-bottom:1px solid #1d1d1b; */ color: #1072b4;}


#boxTop .boxTel { margin-right:2rem; color:#1072b4; line-height:90px; height:90px; font-family: 'NanumSquareNeo-Variable';; font-size:1.5rem; font-weight:900; }
#boxTop .boxTel i { margin-right:.5rem; }

#boxBlank { display:block; height:90px; }

#boxProContent { padding:50px 0; }
#boxProContent .title { text-align:center; font-size:36px; font-weight:500; letter-spacing:-1px; line-height:120%; margin-bottom:50px; }
#boxProContent .boxTable { display:table; border-spacing:0; border-collapse:collapse; width:100%; }
#boxProContent .boxTable dl { display:table-row; }
#boxProContent .boxTable dl dt,
#boxProContent .boxTable dl dd { display:table-cell; padding:40px 20px; text-align:left; font-size:16px; border-bottom:1px solid #ddd; line-height:160%; }
#boxProContent .boxTable dl:last-child dt,
#boxProContent .boxTable dl:last-child dd { border-bottom:0; }
#boxProContent .boxTable dl dt { color:#2968BA; font-size:18px; }
#boxProContent .boxTable dl dt span { display:inline-block; width:4px; height:17px; background:#2968BA; margin-right:.75rem; position:relative; top:2px; }
#boxProContent .boxTable dl dt { width:240px; }
#boxProContent .boxTable dl dd { color:#666; }

#boxDetail { padding:100px 0; background:#fff; }
#boxDetail .contain { background:#fff; margin-bottom:2rem; }
#boxDetail .contain .tit { color:#004592; font-weight:500; font-size:24px; margin-bottom:2rem; }
#boxDetail .contain .tit span { display:inline-block; width:5px; height:20px; }
#boxDetail .contain .con { background:#f9f9f9; margin-bottom:2rem; padding:2rem; }
#boxDetail dl { border-bottom:1px solid #e8e8e8; }
#boxDetail dl:first-child { border-top:1px solid #444; }
#boxDetail dl dt { width:20%; background:#f4f4f4; color:#444; text-align:center; line-height:160%; font-weight:400; }
#boxDetail dl dd { width:80%;  display:block; padding:1.5rem 2rem; text-align:left; color:#444; background:#fff; }
#boxDetail dl dd pre { display:block; font-size:16px; line-height:180%; white-space: pre-wrap; overflow-x:hidden; overflow-y:auto; }
#boxDetail dl dd span.red { color:#ff0000; }
#boxDetail dl dd span.blue { color:#0000ff; }
#boxDetail .subcon { display:none; }
#boxDetail .subcon.on { display:block; }
#boxDetail .boxTab { padding:0; margin-bottom:0; }
#boxDetail .boxTab span { display:block; cursor:pointer; line-height:70px; height:70px; background:#dfdfdf; color:#777; text-align:center; -webkit-flex:1; -moz-flex:1; -ms-flex:1; -o-flex:1; flex:1; border-right:1px solid #f3f3f3; }
#boxDetail .boxTab span:last-child { border-right:0; }
#boxDetail .boxTab span.on { background:#fff; color:#1d1d1b; font-weight:500; font-size:18px; box-shadow: inset 0px 3px 0px 0px #1d1d1b; }
#boxDetail .boxDetailSub { display:none; margin-top:1rem; }
#boxDetail #boxDetailSub1 { display:block; }
#boxDetail .commonNotice { padding:2.5rem 1.5rem; line-height:160%;  }
#boxDetail .commonNotice2 { padding:2.5rem 1.5rem; line-height:160%;  }
#boxDetail .commonNotice2 {display: block;}

#boxSubtitle { text-align:center; padding:80px 0; color:#333; display:block; background:#d6e4ef; overflow:hidden; }
#boxSubtitle > strong { font-size:52px; display:block; color:#3d7bd1; margin-bottom:1.5rem; font-family:'sqEB'; }
#boxSubtitle .txt { font-size:18px; line-height:160%; }
#boxSubtitle .boxInner { margin-top:3rem; }
#boxSubtitle .boxInner > div { width:50%; border-right:1px solid #ddd; }
#boxSubtitle .boxInner > div:last-child { border-right:0; }
#boxSubtitle .boxInner > div span { display:inline-block; color:#222; font-size:1rem; margin-bottom:1rem; background:#fff; line-height:2.4rem; height:2.4rem; padding:0 1.5rem; -webkit-border-radius:1.5rem; -moz-border-radius:1.5rem; -ms-border-radius:1.5rem; -o-border-radius:1.5rem; border-radius:1.5rem; }
#boxSubtitle .boxInner > div strong { display:block; color:#333; font-size:2.5rem; font-family:'sqB'; letter-spacing:-1px; }
#boxSubtitle .boxBtn { margin:3.5rem auto 0 auto; width:460px; }
#boxSubtitle .boxBtn .boxBtnSub { width:210px; margin:0 .5rem; border:1px solid #8f0000; color:#8f0000; background:#fff; line-height:4rem; height:4rem; padding:0 1.25rem; font-size:1.2rem; }
#boxSubtitle .boxBtn .boxBtnSub span { display:block; }
#boxSubtitle .boxBtn .boxBtnSub:last-child { background:#8f0000; color:#fff; }

#boxTab { background:#d6e4ef; }
#boxTab .contain { background:#fff; }
#boxTab .contain .tab { cursor:pointer; border-top:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #333; -webkit-flex:1; -moz-flex:1; -ms-flex:1; -o-flex:1; flex:1; text-align:center; line-height:4rem; height:4rem; font-size:1.2rem; }
#boxTab .contain .tab:first-child { border-left:1px solid #ddd; }
#boxTab .contain .tab.on { font-family:'sqB'; border-top:1px solid #333; border-right:1px solid #333; border-bottom:1px solid #fff; border-left:1px solid #333; }
#boxTab .contain .tab:first-child.on { border-left:1px solid #333; }

#boxForm { padding:100px 0; overflow:hidden; background:linear-gradient(135deg, #448ce3, #1765c3); }
#boxForm .title { color:#fff !important; font-size:34px; letter-spacing:-1px; margin-bottom:2.5rem; text-align:center; }
#boxForm .title p { display:block; font-size:22px; color:rgba(255,255,255,.75); margin-top:.5rem; }
#boxForm .boxFormSub { width:920px; margin:0 auto; }
#boxForm .boxFormSub button,
#boxForm .boxFormSub input[type=text],
#boxForm .boxFormSub select { display:block; margin:0 auto; font-size:18px; height:60px; line-height:60px; padding:0 1rem; display:block; font-weight:normal; border:0; }
#boxForm .boxFormSub .telbox { width:420px; }
#boxForm .boxFormSub .telbox select,
#boxForm .boxFormSub .telbox input[type=text] { width:31%; }
#boxForm .boxFormSub .name { width:220px; }
#boxForm .boxFormSub .btnSubmit { width:220px; background:#283541; color:#fff; }
#boxForm .boxAgree { text-align:center; margin:1.5rem auto 0 auto; }
#boxForm .boxAgree label { display:inline-block; color:rgba(255,255,255,.65); padding:.15rem 0rem 0rem 1.5rem; font-size:16px; text-align:left; }
#boxForm .boxAgree label a { color:rgba(255,255,255,.65); }
#boxForm .boxAgree .magic-radio + label:before, 
#boxForm .boxAgree .magic-checkbox + label:before { top:5px; }
#boxForm .boxAgree .magic-checkbox + label:after { top:7px; }

#boxLook { background:#fff; padding:120px 0 60px 0; overflow:hidden; }
#boxLook .title { color:#3a5c86; font-size:34px; letter-spacing:-1px; margin-bottom:4rem; text-align:center; }
#boxLook .title span { display:block; font-weight:600; }

#boxServiceList { position:relative; padding:0 5rem; margin-bottom:60px; }
#boxServiceList .boxServiceListSub { position:relative; display:block; height:440px; padding:2.5rem 3rem; background:#f5f5f5; border-radius:1rem; }
#boxServiceList .boxServiceListSub .name { font-size:16px; color:#1765c3; margin-bottom:1rem; }
#boxServiceList .boxServiceListSub .txtcon { font-size:28px; color:#333; letter-spacing:-2px; }
#boxServiceList .boxServiceListSub .money { margin-top:2rem; }
#boxServiceList .boxServiceListSub .money span  { display:block; font-size:16px; color:#666; }
#boxServiceList .boxServiceListSub .money strong  { display:block; font-size:36px; color:#1765c3; letter-spacing:-1px; font-weight:500; line-height:160%; }
#boxServiceList .boxServiceListSub .tag { position:relative; border-top:1px solid #ddd; color:#1765c3; padding-top:1.5rem; margin-top:1.25rem; font-weight:300; }
#boxServiceList .boxServiceListSub .tag span { display:block; margin-right:.75rem; }
#boxServiceList .boxServiceListSub i { position:absolute; z-index:10; right:0; bottom:0; width:3rem; height:3rem; line-height:3rem; background:#777; color:#fff; text-align:center; }
#boxServiceList .boxServiceListSub:hover i { background:#1765c3; }

#boxServiceList .swiper-button-prev, 
#boxServiceList .swiper-rtl .swiper-button-next,
#boxServiceList .swiper-button-next, 
#boxServiceList .swiper-rtl .swiper-button-prev { background:#1765c3; width:80px; height:80px; -webkit-border-radius:40px; -moz-border-radius:40px; -ms-border-radius:40px; -o-border-radius:40px; border-radius:40px; }
#boxServiceList .swiper-button-next:after, 
#boxServiceList .swiper-button-prev:after { color:#fff; }
#boxServiceList .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, 
#boxServiceList .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { zoom:150%; bottom:-2rem; }

#boxMainBanner { background:linear-gradient(45deg, #1765c3 70%, #6c9fd6 70%); position:relative; overflow:hidden; }
#boxMainBanner .swiper-slide { width:auto; position:relative; height:540px; }
#boxMainBanner .swiper-slide .contain { width:1240px; }

#boxMainBanner .swiper-slide .contain .boxMainBannerSubTxt { color:#222; width:45%; padding-top:100px; }

#boxMainBanner .swiper-slide .contain .boxMainBannerSubTxt .txtcon { font-size:54px; display:block; letter-spacing:-3px; line-height:120%; margin-bottom:.5rem; text-align: center;}
#boxMainBanner .swiper-slide .contain .boxMainBannerSubTxt .name { text-align: center; font-size:54px; font-weight:bold; display:block; letter-spacing:-3px; line-height:120%; margin-bottom:2rem; font-family: 'Giants-Bold';; }
#boxMainBanner .swiper-slide .contain .boxMainBannerSubTxt .txtcon2 { font-family: 'NanumSquareNeo-Variable' ; text-align: center; margin-top:1rem; font-size:18px; line-height:160%; }
#boxMainBanner .swiper-slide .contain .boxMainBannerSubTxt button { margin: 0 auto; color:#333; line-height:54px; height:54px; padding:0 1.5rem; background:#f1f1f1; font-family: 'NanumSquareNeo-Variable'; border-radius: 10px; font-size: 1.3rem;}
#boxMainBanner .swiper-slide .contain .boxMainBannerSubTxt button i { margin-left:3rem; }
#boxMainBanner .swiper-slide .contain .boxMainBannerSubTxt .boxInfo > div { line-height:2.4rem; font-size:1.1rem; padding:0 1.5rem;  color:#333; border-radius:1.2rem; margin-right:.75rem; }
#boxMainBanner .swiper-slide .contain .boxMainBannerSubTxt .boxInfo > div strong { font-weight:500; margin-left:.5rem; color:#fff; }
#boxMainBanner .swiper-slide .contain .boxMainBannerSubTxt .boxInfo button{ border: none; box-shadow: 3px 3px 1px #ddd;}

#boxMainBanner .swiper-slide .contain .boxMainBannerSubTxt .tag { font-size:1.15rem; display:block; letter-spacing:-1px; margin-top:1.5rem; }
#boxMainBanner .swiper-horizontal>.swiper-pagination-bullets, 
#boxMainBanner .swiper-pagination-bullets.swiper-pagination-horizontal, 
#boxMainBanner .swiper-pagination-custom, .swiper-pagination-fraction { bottom:1.5rem; }
/* #boxMainBanner .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
#boxMainBanner .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { width:10px; height:10px; background:#8f0000; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; border-radius:8px; }
#boxMainBanner .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { width:100px; } */

#boxMainBanner .btn-wrapper {
  position: absolute;
  left: 44%;
  bottom: 22px;
  z-index: 100;
}



#boxMainBanner .btn-wrapper .auto-stop{
    border: none;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
    border-radius: 15px;
    border: 1px solid #5a5a5a;
    background-color: #fff;
    background-image: url(/images/stop-icon.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 11px;
}

#boxMainBanner .btn-wrapper .auto-stop.on{
    background-image: url(/images/play-icon.png);
}

#boxMainBanner .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    background: transparent;
    border: 1px solid #5a5a5a;
    opacity: 1;
}

#boxMainBanner .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{
    width: 40px;
    transition: width .5s;
    border-radius: 5px;
    background: #5a5a5a;
    border: 1px solid transparent;
}

#boxMainBanner .swiper-button-next, 
#boxMainBanner .swiper-button-prev {
    opacity: 0.5;
    padding: 15px 5px;
    color: #5a5a5a !important;
    margin: 0px 50px;
}

/* #boxMainBanner .swiper-button-next, 
#boxMainBanner .swiper-button-prev { cursor:pointer; color:#fff !important; top:auto !important; bottom:0; width:70px; height:70px; background:rgba(0,0,0,0.5); }
#boxMainBanner .swiper-button-next:hover, 
#boxMainBanner .swiper-button-prev:hover { background:rgba(0,0,0,0.75); }
#boxMainBanner .swiper-button-prev, 
#boxMainBanner .swiper-rtl .swiper-button-next { left:auto; right:71px; }
#boxMainBanner .swiper-button-next, 
#boxMainBanner .swiper-rtl .swiper-button-prev { left:auto; right:0; }
#boxMainBanner .swiper-button-next:after,
#boxMainBanner .swiper-button-prev:after { font-size:2rem; } */



/* 추가 작업 */

#mainBanner{
    width: 100%;
    height: 586px;
}

#mainBanner .swiper {
    width: 100%;
    height: 586px;
    margin: 0 auto;

}

#mainBanner .swiper .swiper-slide {
    width: 100%;
    height: 100%;
    z-index: 9;
}

#mainBanner .swiper .swiper-slidei img{
    width: 100%;
}


#mainBanner .swiper-wrapper {
    width: 100%;
    height: 100%;
}

#mainBanner .swiper-button-prev,
.swiper-button-next {
    opacity: 0.5;
    padding: 15px 5px;
    color: #5a5a5a !important;
    margin: 0px 50px;
}


#mainBanner .swiper-pagination {}

#mainBanner .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: transparent;
    border: 1px solid #5a5a5a;
    opacity: 1;
}

#mainBanner .swiper-pagination-bullet-active {
    width: 40px;
    transition: width .5s;
    border-radius: 5px;
    background: #5a5a5a;
    border: 1px solid transparent;
}




#boxMainFormLine_Back { background:url('/images/boke.jpg') no-repeat center center; background-size:cover; font-family: 'NanumSquareNeo-Variable'}
#boxMainFormLine_Back #boxMainForm { text-align:center; padding:3rem 0; }
#boxMainFormLine_Back #boxMainForm .title { color:#fff; font-size:32px; letter-spacing:-1px; margin-bottom:1rem; font-family:'sqEB'; }


#boxMainFormLine_Back #boxMainForm .title p { display:block; margin-top:.75rem; font-size:18px; font-family:'sqR'; color:rgba(255,255,255,.75); }
#boxMainFormLine_Back #boxMainForm .boxFormSub { width:70%; margin:0 auto; }
#boxMainFormLine_Back #boxMainForm .boxFormSub button,
#boxMainFormLine_Back #boxMainForm .boxFormSub input[type=text],
#boxMainFormLine_Back #boxMainForm .boxFormSub select { display:block; margin:0 auto; font-size:18px; height:54px; line-height:54px; padding:0 1rem; display:block; font-weight:normal; border:0; }
#boxMainFormLine_Back #boxMainForm .boxFormSub .telbox { width:48%; }
#boxMainFormLine_Back #boxMainForm .boxFormSub .telbox select,
#boxMainFormLine_Back #boxMainForm .boxFormSub .telbox input[type=text] { width:31%; }
#boxMainFormLine_Back #boxMainForm .boxFormSub .name { width:25%; }
#boxMainFormLine_Back #boxMainForm .boxFormSub .btnSubmit { width:25%; background:#8f0000;  color:#fff; }
#boxMainFormLine_Back #boxMainForm .boxAgree { margin:1rem auto 0 auto; color:#fff; }
#boxMainFormLine_Back #boxMainForm .boxAgree label { display:inline-block; padding:.15rem 0rem 0rem 1.5rem; font-size:16px; line-height:1.7rem; }
#boxMainFormLine_Back #boxMainForm .boxAgree label a { margin-left:.5rem; color:#fff; background:#888; padding:.25rem .5rem; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; }
#boxMainFormLine_Back #boxMainForm .boxAgree .magic-radio + label:before, 
#boxMainFormLine_Back #boxMainForm .boxAgree .magic-checkbox + label:before { top:5px; }
#boxMainFormLine_Back #boxMainForm .boxAgree .magic-checkbox + label:after { top:7px; }

#boxMainFormLine { background-color: #fafafa; border-bottom:1px solid #ddd; height: 350px; }
#boxMainFormLine #boxMainForm { text-align:center; padding:3rem 0; }
/* #boxMainFormLine #boxMainForm .title { color:#333; font-size:32px; letter-spacing:-1px; margin-bottom:1rem; font-family:'sqEB'; } */

#boxMainForm .hando_title {
    font-family: 'NanumSquareNeo-Variable';
    width: 600px;
    height: 70px;
    line-height: 70px;
    border-radius: 15px;
    font-size: 1.9rem;
    font-weight: 900;

    margin: 0 auto;
    background-color: white;
    color: #444;
    text-align: center;
    box-shadow:
        0 1px 1px #ddd,
        0 2px 0 #ddd,
        0 3px 0 #ddd,
        0 4px 0 #ddd,
        0 5px 0 #ddd,
        5px 6px 3px #ddd,
        inset 1px 2px 5px 3px #eee;
}


#boxMainForm .hando_txt {
    font-family: 'NanumSquareNeo-Variable' !important;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 40px;
    color: #999;
    font-size: 1em;
}

/* #boxMainFormLine #boxMainForm .title p { display:block; margin-top:.75rem; font-size:18px; font-family:'sqR'; color:#888; } */
#boxMainFormLine #boxMainForm .boxFormSub { width:70%; margin:0 auto; }
#boxMainFormLine #boxMainForm .boxFormSub button,
#boxMainFormLine #boxMainForm .boxFormSub input[type=text],
#boxMainFormLine #boxMainForm .boxFormSub select { display:block; margin:0 auto; font-size:18px; height:54px; line-height:54px; padding:0 1rem; display:block; font-weight:normal; border:1px solid #ddd; }
#boxMainFormLine #boxMainForm .boxFormSub .telbox { width:48%; }
#boxMainFormLine #boxMainForm .boxFormSub .telbox select,
#boxMainFormLine #boxMainForm .boxFormSub .telbox input[type=text] { width:31%; }
#boxMainFormLine #boxMainForm .boxFormSub .name { width:25%; }
#boxMainFormLine #boxMainForm .boxFormSub .btnSubmit { width:25%;  background:#1072b4;  color:#fff; border-radius: 15px; box-shadow: 5px 5px 3px #ddd; font-size: 1.5rem;}
#boxMainFormLine #boxMainForm .boxFormSub .btnSubmit:hover{
    background-color: white;
    color: #1072b4;
    font-weight: 900;}

#boxMainFormLine #boxMainForm .boxAgree { margin:1rem auto 0 auto; color:#333; }
#boxMainFormLine #boxMainForm .boxAgree label { display:inline-block; padding:.15rem 0rem 0rem 1.5rem; font-size:16px; line-height:1.7rem; }
#boxMainFormLine #boxMainForm .boxAgree label a { font-family: 'NanumSquareNeo-Variable';  margin-left:.5rem; color:#fff; background:#888; padding:.25rem .5rem; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; }
#boxMainFormLine #boxMainForm .boxAgree .magic-radio + label:before, 
#boxMainFormLine #boxMainForm .boxAgree .magic-checkbox + label:before { top:5px; background:#1072b4;}
#boxMainFormLine #boxMainForm .boxAgree .magic-checkbox + label:after { top:7px;}
#boxMainFormLine #boxMainForm .boxAgree .wbox{background-color: #999 ; color: white; padding: 7px; border-radius: 5px; font-size: 0.9rem;}
#boxMainFormLine #boxMainForm .boxAgree .boxCheck{font-size: 1rem;}

#boxMainProcess { font-family: 'NanumSquareNeo-Variable'; border-bottom:1px solid #ddd; border-top:1px solid #ddd; }
#boxMainProcess .boxProcess { width:20%; padding:2rem 0; }
#boxMainProcess .boxProcess .boxProcessSub { border-right:1px solid #ddd; text-align:left; padding:0 2rem; }
#boxMainProcess .boxProcess:last-child .boxProcessSub { border-right:0; }
#boxMainProcess .boxProcess .boxProcessSub img { height:2rem; }
#boxMainProcess .boxProcess .boxProcessSub strong { display:inline-block; font-size:1.25rem; font-weight:500; line-height:180%; margin-left:.5rem; }
#boxMainProcess .boxProcess .boxProcessSub p { display:block; font-size:.9rem; color:#777; margin-top:.75rem; line-height:150%; }

#boxPlist { padding:120px 0; }
#boxPlist .boxPlistMainImg{
    width: 40px;
    height: 40px;
    margin: 10px auto;
}

#boxPlist .boxPlistMainImg img{height: 40px;}
#boxPlist .contain{justify-content: center;}
#boxPlist .contain.tit { font-family: 'NanumSquareNeo-Variable'; font-size:24px; color:#2d2d31; text-align: center; margin: 20px auto; letter-spacing: 1px; font-weight: 500;}
#boxPlist .contain .pro { text-align: center; font-family: 'NanumSquareNeo-Variable'; cursor:pointer; width:32%; border:1px solid #ddd; padding:2.5rem; position:relative; overflow:hidden; margin-top:1.5rem; border-radius: 10px; margin: 5px;}
#boxPlist .contain .pro .tit { width: 200px; margin: 0 auto; border-bottom:2px solid #1072b4; font-size:1.5rem; padding:1rem .5rem 1rem .5rem; }
#boxPlist .contain .pro .con { display:block; padding:.5rem; }
#boxPlist .contain .pro ul,
#boxPlist .contain .pro ul li { list-style:none; padding:0; margin:1rem 0; line-height:160%; }
#boxPlist .contain .pro ul li strong { display:block; }
#boxPlist .contain .pro .proHidden { left:0; bottom:0; width:100%; margin-bottom:-150%; position:absolute; font-size:1.15rem; background:#1072b4; color:#fff; padding:3rem; height:100%; line-height:160%; text-align:left; }
#boxPlist .contain .pro .proHidden > div { width:100%; }
#boxPlist .contain .pro .proHidden .between a { display:block; width:100%; border:1px solid #fff; color:#fff; line-height:2.6rem; height:2.6rem; font-size:1rem; text-align:center; }
#boxPlist .contain .pro .proHidden .between a:hover { background:#fff; color:#1072b4; font-weight: 900; }
#boxPlist .contain .pro:hover .proHidden { margin-bottom:0; }

#boxProcess { background:#e5f1ff; padding:120px 0; }
#boxProcess .title { color:#3a5c86; font-size:34px; letter-spacing:-1px; margin-bottom:3rem; text-align:center; }
#boxProcess .title span { font-weight:600; }
#boxProcess .boxProcess { width:18.5%; background:#fff; -webkit-border-radius:16px; -moz-border-radius:16px; -ms-border-radius:16px; -o-border-radius:16px; border-radius:16px; padding:1.5rem 2rem 2rem 2rem; text-align:left; }
#boxProcess .boxProcess img { height:2.25rem; margin-bottom:1rem; }
#boxProcess .boxProcess strong { display:block; font-size:1.25rem; font-weight:500; line-height:180%; }
#boxProcess .boxProcess p { display:block; font-size:.9rem; color:#777; }

#boxCopy { background:#fff; }
#boxCopy .contain { padding:50px 0; text-align:left; line-height:180%; font-size:.9rem;  }

#boxCopyLink { font-family: 'NanumSquareNeo-Variable'; border-bottom:1px solid #ddd; color:#333; }
#boxCopyLink .contain div { display:block; line-height:5rem; height:5rem; }
#boxCopyLink .contain a { display:inline-block; color:#333; margin-left:1.5rem; font-size:.9rem; }
#boxCopyLink .contain .bottomPop { line-height:2rem; margin-left:.5rem; height:2rem; padding:0 1rem; font-size:.9rem; color:#fff; background:#888; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; }
#boxCopyLink .contain a.logo img { height:44px; position:relative; top:-5px; -webkit-filter: brightness(0) invert(.5); filter: brightness(0) invert(.5); }
#boxCopyLink .contain a.logo { margin-left:0; margin-right:1rem; }
#boxCopyLink .contain .boxBottomTel { color:#333; }
#boxCopyLink .contain .boxBottomTel strong { font-size:1.2rem; font-family: 'NanumSquareNeo-Variable'; font-weight:900; margin-left:.5rem; }
#boxCopyLink .contain .boxBottomTel span { width:1px; height:20px; border-right:1px solid #ddd; margin:0 1rem; }

/* #boxMainBanner .swiper-button-next, 
#boxMainBanner .swiper-button-prev { cursor:pointer; color:#fff !important; top:auto !important; bottom:0; width:70px; height:70px; background:rgba(0,0,0,0.5); }
#boxMainBanner .swiper-button-next:hover, 
#boxMainBanner .swiper-button-prev:hover { background:rgba(0,0,0,0.75); }
#boxMainBanner .swiper-button-prev, 
#boxMainBanner .swiper-rtl .swiper-button-next { left:auto; right:71px; }
#boxMainBanner .swiper-button-next, 
#boxMainBanner .swiper-rtl .swiper-button-prev { left:auto; right:0; }
#boxMainBanner .swiper-button-next:after,
#boxMainBanner .swiper-button-prev:after { font-size:2rem; } */

#boxNotice { padding:60px 0; background:#f6f6f6; }
#boxNotice .contain { color:#777; line-height:180%; font-size:.8rem; text-align:left; }
#boxNotice .contain .tit { font-family:'sqB'; font-size:24px; margin-bottom:1.5rem; color:#2d2d31; }

#box4Bn { padding:0 0 60px 0; }
#box4Bn .tit { font-family:'sqB'; font-size:24px; margin-bottom:1.5rem; color:#2d2d31; }
#box4Bn .flexbox_stretch { border:1px solid #ddd; -webkit-border-radius:1rem; -moz-border-radius:1rem; -ms-border-radius:1rem; -o-border-radius:1rem; border-radius:1rem; }
#box4Bn .flexbox_stretch a {  padding:2rem 2.5rem; text-align:left; font-size:1rem; color:#333; width:25%; border-right:1px solid #ddd; }
#box4Bn .flexbox_stretch a:last-child { border-right:0; }
#box4Bn .flexbox_stretch a i { margin-right:1rem; font-size:1.5rem; position:relative; top:3px; }

#bannerX { padding:120px 0 0 0; text-align:center; border-top:1px solid #ddd; }
#bannerX .txt1 { color:#283541; font-size:34px; letter-spacing:-1px; }
#bannerX .txt1 span { display:inline-block; font-weight:600; }
#bannerX .txt2 { color:#283541; font-size:34px; letter-spacing:-1px; margin-bottom:0; }
#bannerX .line { display:none; width:1px; height:3rem; background:#283541; margin:1rem auto; }

#banner1 { padding:120px 0; text-align:left; }
#banner1 .boxTEXT { width:50%; }
#banner1 .tit { display:block; font-size:34px; line-height:140%; margin-bottom:.75rem; }
#banner1 .tit strong { display:block; font-size:24px; color:#1765c3; font-weight:400; margin-bottom:.5rem;  }
#banner1 .txt4 { padding-top:1rem; font-size:18px; text-align:left; line-height:160%; text-align:justify; color:#777; }

#banner1 .banner2box3 { width:50%; }
#banner1 .banner2box3 > div { display:block; width:220px; height:220px; border:1px solid #ddd; text-align:center; -webkit-border-radius:120px; -moz-border-radius:120px; -ms-border-radius:120px; -o-border-radius:120px; border-radius:120px; overflow:hidden; }
#banner1 .banner2box3 > div span { display:block; font-size:18px; background:#f3f3f3; padding:2rem 0 1rem 0; }
#banner1 .banner2box3 > div p { display:block; font-size:18px; padding:2rem 1rem; text-align:center; }
#banner1 .banner2box3 > div p em { display:block; font-size:26px; color:#1765c3; font-style:normal; font-weight:500; }

#banner2 { padding:120px 0; text-align:left; background:#f9f9f9; }
#banner2 .boxTEXT { width:50%; }
#banner2 .tit { display:block; font-size:34px; line-height:140%; margin-bottom:.75rem; }
#banner2 .tit strong { display:block; font-size:24px; color:#1765c3; font-weight:400; margin-bottom:.5rem;  }
#banner2 .txt4 { padding-top:1rem; font-size:18px; text-align:left; line-height:160%; text-align:justify; color:#777; }
#banner2 .txt5 { display:inline-block; font-size:1rem; background:#777; color:#fff; line-height:2.4rem; letter-spacing:-.5px; padding:0 1rem; margin-top:1.5rem; }
#banner2 .boxTable { width:50%; }
#banner2 table { border-spacing:0; border-collapse:collapse; width:100%; margin:1rem auto; background:#fff; }
#banner2 table tr th,
#banner2 table tr td { border:1px solid #ddd; padding:1rem; text-align:center; font-size:18px; line-height:140%; }
#banner2 table tr th { background:#f3f3f3; font-weight:500; }

#banner3 { padding:120px 0; text-align:left; }
#banner3 .boxTEXT { width:50%; }
#banner3 .tit { display:block; font-size:34px; line-height:140%; margin-bottom:.75rem; }
#banner3 .tit strong { display:block; font-size:24px; color:#1765c3; font-weight:400; margin-bottom:.5rem;  }
#banner3 .txt4 { padding-top:1rem; font-size:18px; text-align:left; line-height:160%; text-align:justify; color:#777; }
#banner3 .boxTable { width:50%; }
#banner3 table { border-spacing:0; border-collapse:collapse; width:100%; margin:1rem auto; background:#fff; }
#banner3 table tr th,
#banner3 table tr td { border:1px solid #ddd; padding:1rem; text-align:center; font-size:18px; line-height:140%; }
#banner3 table tr th { background:#f3f3f3; font-weight:500; }

#banner4 { padding:120px 0; text-align:left; background:#f9f9f9; }
#banner4 .boxTEXT { width:50%; }
#banner4 .tit { display:block; font-size:34px; line-height:140%; margin-bottom:.75rem; }
#banner4 .tit strong { display:block; font-size:24px; color:#1765c3; font-weight:400; margin-bottom:.5rem;  }
#banner4 .txt4 { padding-top:1rem; font-size:18px; text-align:left; line-height:160%; text-align:justify; color:#777; }
#banner4 .txt4 strong { display:block; font-weight:400; color:#111; }

.graph { padding:0 1.5rem; width:50%; }
.graph strong { display:block; color:#1765c3; font-size:28px; letter-spacing:-2px; font-weight:normal; text-align:center; }
.circle {
	margin-top:1rem;
	width: 400px;
	height: 300px;
	border-radius: 50%;
	box-sizing:border-box;
	overflow:hidden;
	position: relative;
	font-size:28px;
}
.red {
	left:1rem;
	background-color:rgba(255,0,0,.15);
}
.blue {
	right:1rem;
	background-color:rgba(0,0,255,.15);
}

:focus{outline: 3px dashed #000 !important;}
:focus:not(:focus-visible){outline:0 !important}

#boxQuick { padding:.85rem 0 0 0; overflow:hidden; width:90px; position:fixed; right:50px; bottom: 50px; z-index:1000; background:#1072b4; 
-webkit-border-top-right-radius:1rem; -moz-border-top-right-radius:1rem; -ms-border-top-right-radius:1rem; -o-border-top-right-radius:1rem; border-top-right-radius:1rem; 
-webkit-border-bottom-left-radius:1rem; -moz-border-bottom-left-radius:1rem; -ms-border-bottom-left-radius:1rem; -o-border-bottom-left-radius:1rem; border-bottom-left-radius:1rem; }
#boxQuick a,
#boxQuick span { color:rgba(255,255,255,.65); font-size:.8rem; text-align:center; display:block; padding:1rem 0; cursor:pointer; }
#boxQuick a i,
#boxQuick span i { display:block; margin:0 auto .5rem auto; font-size:1.65rem; }
#boxQuick a:hover,
#boxQuick span:hover { color:#fff; }

#top_btn { background:rgba(0,0,0,0.2); cursor:pointer; margin-top:.5rem; border:0; width:100%; color:rgba(255,255,255,.65); padding:.75rem 0 1.25rem 0; text-align:center; font-weight:500; font-size:.8rem; }
#top_btn i { display:block; margin:0 auto .25rem auto; font-size:1rem; }
#top_btn:hover { color:#fff; }

#boxCalTable { width:100%; border-spacing:0; border-collapse:collapse; border-top:1px solid #333; font-size:1rem; }
#boxCalTable tr th,
#boxCalTable tr td { border-bottom:1px solid #ddd; color:#333; padding:0 1rem; line-height:56px; }
#boxCalTable tr th { background:#f5f5f5; width:25%; }
#boxCalTable tr td input[type='text'],
#boxCalTable tr td select { border:1px solid #ddd; padding:.5rem; width:120px; }
#boxCalTable tr td label { margin-right:1rem; }
#boxCalTable tr td label:last-child { margin-right:0; }

#boxCalReset,
#boxCalOk { display:block; background:#8f0000; color:#fff; height:3rem; width:160px; margin:1rem auto 0 auto; border:0; -webkit-border-radius:2rem; -moz-border-radius:2rem; -ms-border-radius:2rem; -o-border-radius:2rem; border-radius:2rem; }

#boxCalData { width:100%; border-spacing:0; border-collapse:collapse; font-size:.9rem; border-top:1px solid #333; }
#boxCalData tr th,
#boxCalData tr td { width:30%; color:#333; padding:.5rem; }
#boxCalData tr th { width:20%; border-right:1px solid #ddd; }
#boxCalData tr td:nth-child(2) { border-right:1px solid #333; }
#boxCalData tr:last-child th,
#boxCalData tr:last-child td { border-bottom:1px solid #333; }

#boxCalResultList { margin-top:1rem; max-height:156px; overflow-y:scroll; border-top:1px solid #333; border-bottom:1px solid #333; }
#boxCalResult { width:100%; border-spacing:0; border-collapse:collapse; font-size:.9rem; }
#boxCalResult tr th,
#boxCalResult tr td { border-bottom:1px solid #ddd; color:#333; padding:.25rem; line-height:30px; text-align:center; }