@CHARSET "ISO-8859-1";
/* Reset CSS
 * --------------------------------------- */
* {margin:0;padding:0}
ul, ul li{list-style: none;}
fieldset {bordeR:0} 

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding: 0;margin: 0;}
a{color: inherit; text-decoration:none;}
table {border-spacing: 0;}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,em,strong,th,var {font-weight: normal;font-style: normal;}
strong{	font-weight: bold;}
ol,ul {list-style: none;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;font-size: 100%;margin:0;padding:0;color:#444;}
q:before,q:after {content:'';}
abbr,acronym { border: 0;}
.myContent{height: auto;}
#wrap{position:relative; }
.mo {display:none}
.section {text-align:center;}
.intro {width:1000px;margin:0 auto}
#section0{background-image:url(../img/bg_top_w.jpg);background-repeat: no-repeat;    background-position: center;    background-size: cover;}
.top_bank {position: absolute;top: 2rem;right:2rem;width: 10rem;}
.top_bank > img {width:100%}
.top_app {position:absolute;top:2rem;left:2rem}
.top_app > a {display: block;padding:0.5rem 1rem;border-radius:2rem;border:2px solid #c5dbee;color:#fff}
.top_app .ico {display: inline-block;width: 1.25rem;height: 1.25rem;background: url(../img/ico_app.svg) no-repeat center;background-size: contain;vertical-align: sub;margin-right: 0.5rem;}
#section1{background-image:url(../img/bg_sec2.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;}
#section1 h1 img {width:100%}
.ico_list {display: grid;width:80%;margin:3rem auto 0;justify-items: center;gap: 2rem 4.5rem;grid-template-columns: repeat(3,1fr);}
.ico_list li {background:#fff;overflow:hidden;border-radius:50%;border:1px solid #7784ba;box-sizing: border-box;}
.ico_list li:hover {box-shadow: 0px 0px 18px #cacaca;transition: cubic-bezier(0.075, 0.82, 0.165, 1);}
.ico_list li img {width:100%}
.call .web {color: #fff;font-size: 1.75rem;letter-spacing: -1px;font-weight: 600;margin-top:5rem;}
.call .web .ico{display: inline-block;    width: 3rem;    height: 2.5rem;    background: url(../img/sec2_call.png) no-repeat center;    background-size: contain;    vertical-align: sub;    margin-right: 1rem;}
.inquiry_wrap {max-width:950px;margin:0 auto;padding:3rem 0 2rem;font-size:1rem;letter-spacing: -1px;text-align:left}
.inquiry_wrap .top_logo {display:flex;justify-content:center;align-items: flex-end;margin: 0 0 3rem;text-align: center;font-size: 2rem;font-weight:600}
.inquiry_wrap .top_logo > span {display:block;margin:0.75rem 0 0;}
.inquiry_wrap .top_logo > img {width:5rem;margin-right:1rem}
.inquiry_wrap input,
.inquiry_wrap select {width:100%;height:3.5rem;padding: 0 0.5rem;font-size: 0.875rem;outline: none;border:1px solid #E4EAF0;box-sizing: border-box;border-radius:0.375rem;color:#66737F}
.inquiry_wrap select {-webkit-appearance:none; /* for chrome */-moz-appearance:none; /*for firefox*/appearance:none;background:transparent!important;color:#ADB9C7;background-image:none}
.inquiry_wrap select::-ms-expand{display:none;/*for IE10,11*/ }
.inquiry_wrap select option {color:#66737F}
.inquiry_wrap select option[value=""] {color:#ADB9C7!important}
.inquiry_wrap input::placeholder {color:#ADB9C7}
.inquiry_wrap input[type="checkbox"] {width:0.875rem;height:0.875rem;border:1px solid #E4EAF0!important;background:#fff;-webkit-tap-highlight-color:transparent;}
.inquiry_wrap textarea {width:100%;height:10rem;padding: 0 0.5rem;font-size: 0.875rem;border-radius:0.375rem;outline: none;border:1px solid #E4EAF0;box-sizing: border-box;color:#66737F;resize: none;}
.inquiry_wrap .inquiry_form fieldset {overflow:hidden}
.inquiry_wrap .inquiry_form fieldset > div {float: left;width: 44%;padding-left: 9%;border-left: 1px solid #eee;padding-left: 5%;    margin-left: 5%;}
.inquiry_wrap .inquiry_form fieldset .left {padding-left: 0;margin-left: 0;border: 0;}
.inquiry_wrap .inquiry_form .form_list {margin:1.5rem 0 0 }
.inquiry_wrap .inquiry_form .form_list:first-child {margin-top:0}
.inquiry_wrap .inquiry_form .tit {margin:0 0 0.75rem;font-size:1.125rem;letter-spacing:-1px;}
.inquiry_wrap .inquiry_form .tit > span {color:#787FEF;font-size:0.875rem}
.inquiry_wrap .inquiry_form .tit > span.gray {color:#66737F}
.inquiry_wrap .inquiry_form .sub_tit {position:relative;margin:0 0 0.5rem;padding-left:0.75rem;font-size:0.875rem;color:#66737F}
.inquiry_wrap .inquiry_form .sub_tit:before {position:absolute;top:45%;left:0.25rem;display:inline-block;content:'';background:#66737F;width:0.175rem;height:0.175rem;border-radius:50%}
.inquiry_wrap .inquiry_form .num_wrap > li:last-child {margin-top:0.5rem}
.inquiry_wrap .inquiry_form .sbx_wrap {height:2.75rem;background:url(../img/ico_arrow_drop.svg) no-repeat 96% center;cursor: pointer}
.inquiry_wrap .inquiry_form .counter {margin:0.25rem 0 0;font-size:0.75rem;text-align:right;color:#66737F}
.inquiry_wrap .inquiry_form .check {display:flex;align-items:center;margin:0.875rem 0 0;color:#66737F;}
.inquiry_wrap .inquiry_form .check > input {margin-right:0.25rem;}
.inquiry_wrap .inquiry_form .check > span {color:#787FEF;font-size:0.75rem}
.inquiry_wrap .btn_wrap {margin: 3rem auto 0;}
.inquiry_wrap .btn_wrap button {width:100%;height:3.5rem;border: 0;background:#787FEF;vertical-align: middle;-webkit-tap-highlight-color:transparent;outline: none;color:#fff;text-align: center;white-space: nowrap;font-weight:bold;font-size:1rem}

/* 반응형 */
@media screen and (max-width:1200px) {
	img {width:100%}
	.intro {width:100%;max-width: 100%;}
	.web {display:none}
	.mo {display:block}
	.section {position: relative;height: 100vh;}
	#section0{background-image:url(../img/bg_top_m.jpg);}
	#section0 .tit {position: absolute;top:7rem;z-index:1;width:100%}
	.top_bank {top:1.375rem;right:1rem;width: 5rem;}
	.top_app {z-index:2;top:1rem;left:1rem;}
	.top_app > a {padding: 0.375rem 0.875rem;border: 1px solid #c5dbee;font-size: 0.875rem;}

	#section1 {height:auto;background:#f0f1f7}
	#section1 .intro {margin:0}
	#section1 h1 {margin:0 1rem 1rem}
	#section1 h1 .mo {padding-top:3rem}
	.call .mo {position: absolute;bottom: 0;left: 0;right: 0;margin:0;padding:0;background: #6f5e9f;}
	.inquiry_wrap {width:100%;max-width:100%;padding: 3rem 0 0;border:0;font-size: 0.875rem;}
	.inquiry_wrap .top_logo {display:block;font-size:1.5rem;}
	.inquiry_wrap .top_logo > img {width:25%;margin: 0 auto;}
	.inquiry_wrap input,
	.inquiry_wrap select {height:2.75rem}
	.inquiry_wrap textarea {height:5.75rem;}
	.inquiry_wrap .inquiry_form fieldset > div {float:none;width:90%;margin:0 auto;border:0;padding:0!important}
	.inquiry_wrap .inquiry_form fieldset .left {margin:0 auto 1rem}
	.inquiry_wrap .inquiry_form .tit {font-size:1rem}
	.inquiry_wrap .inquiry_form .tit > span {font-size:0.75rem}
	.inquiry_wrap .inquiry_form .form_list {margin:1rem 0 0 }
	.inquiry_wrap .btn_wrap {width: calc(100% + 4rem);margin: 2rem -2rem 0;}
}