body{background:#ECF2FA;}

.inner{width:100%; max-width:1400px; margin: 0 auto;}

/* 헤더 */
#header{position:fixed; top:0;width:100%; z-index:1000}
#header .inner{display:flex; align-items:center; justify-content:space-between;}
#header .logo img{width: 110px;}
#header .gnb{display:flex; align-items:center; gap:75px;}
#header .gnb > li{position:relative;}
#header .gnb > li > a{font-size: 18px; font-weight: 500; line-height:100px;}
#header .gnb > li > a.active{color:#1A53ED;}
#header .gnb > li > a:hover{color:#1A53ED;}
#header .gnb_2depth{display:none; position:absolute; border-radius: 15px; border: 1px solid #DFE0E4; background: #FFF; box-shadow: 4px 4px 20px 0px rgba(0, 104, 183, 0.10); padding:25px 35px; left:50%; transform:translateX(-50%); bottom:-90px;}
#header .gnb > li:hover .gnb_2depth{display:block;}
#header .gnb_2depth li{text-align: center;}
#header .gnb_2depth li + li{margin-top:20px;}
#header .gnb_2depth li a{font-size: 18px; font-weight: 500; color: #111;}
#header .gnb_2depth li a:hover{font-weight: 700; color:#1A53ED; text-decoration: underline 2px;}
.head_mob_menu{display:none;}
.head_mob_bg{display:none;}

#header:hover{background:#fff;}
#header.fixed{background:#fff;}

/* 헤더 2 */
.head_rt{display:flex; align-items:center; gap:100px;}
.head_rt .member a{display:inline-block; font-size: 16px; font-weight: 500; color: #555;}
.head_rt .member a i{display:inline-block; vertical-align:middle; width: 24px; height: 24px; margin-right:4px;}
.head_rt .member .logout i{background:url("/images/main/logout_ic.svg") no-repeat center / 100%;}
.head_rt .member .mypage{margin-left:30px; position:relative; font-weight:800;}
.head_rt .member .mypage:before{position:absolute; content:''; display:block; width:1px; height:15px; background: #CFCFCF; left:-17px; top:50%; transform:translateY(-50%);}
.head_rt .member .mypage i{background:url("/images/main/mypage_ic.svg") no-repeat center / 100%;}

/* 퀵메뉴 */
#quick_menu{position:fixed; bottom:80px; right:60px; z-index: 100;}
#quick_menu li{text-align:center;}
#quick_menu li + li{margin-top:15px;}
#quick_menu li a{display:block; width: 60px; height: 60px; border-radius: 25px; box-shadow: 4px 4px 10px 0px rgba(0, 104, 183, 0.10);}
#quick_menu li a.chat_btn{background: #6E61EC url("/images/main/chat_ic.svg") no-repeat center / 37px;}
#quick_menu li a.top_btn{background: #FFF url("/images/main/top_ic.svg") no-repeat center / 15px;}
#quick_menu li a.kakao_btn{background: #FAE300 url("/images/main/kakao_ic.svg") no-repeat center / 34px;}
#quick_menu li p{font-size:16px; margin-top:8px;}

 /* 메인 */
#main .head{text-align:center; margin-top:75px;}
#main .head .logo img{width:160px;}
#main .head span{display:inline-block; font-size: 25px; font-weight: 700; color:#1A53ED; line-height: 50px; padding:0 60px; border-radius:50px; border: 2px solid #1A53ED; margin-top:25px;}
.main_wrap{display:flex; justify-content:space-between; margin:50px 0 55px;}
.main_wrap .box{padding: 90px 80px; border-radius: 30px; width: 670px; height: 600px; box-shadow: 4px 4px 20px 0px rgba(0, 104, 183, 0.10); display:flex; flex-direction:column; justify-content: space-between; position:relative; background:#fff;}
.main_wrap .box:after{content:''; display:block; position:absolute; top:50%; right:80px; transform:translateY(-50%); margin-top:-20px;}
.main_wrap .box1:after{width: 105px; height: 139px; background:url("/images/main/main_ic1.svg") no-repeat center / 100%;}
.main_wrap .box2:after{width: 125px; height: 121px; background:url("/images/main/main_ic2.svg") no-repeat center / 100%;}
/* .main_wrap .box1{background:#1A53ED; color:#fff;}
.main_wrap .box2{background:#fff;} */
.main_wrap .box .tp_txt em{display:block; font-size: 16px; font-weight: 800; color:#1A53ED;}
.main_wrap .box .tp_txt .title{font-size: 40px; font-weight: 800; margin-top:10px;}
.main_wrap .box .tp_txt p{font-size: 16px; margin-top:20px; color: #888;}
.main_wrap .box .bt_btn{display:flex; justify-content:space-between;}
.main_wrap .box .bt_btn a{display:inline-block; width:49%; font-size: 20px; font-weight: 700; text-align: center; line-height:60px; border-radius: 10px;}
.main_wrap .box .bt_btn .btn1{background: #1A53ED; color: #FFF;}
.main_wrap .box .bt_btn .btn2{border: 1px solid #1A53ED; color:#1A53ED;}

.main_wrap .box:hover{background:#1A53ED; color:#fff;}
.main_wrap .box1:hover:after{background-image:url("/images/main/main_ic1_w.svg")}
.main_wrap .box2:hover:after{background-image:url("/images/main/main_ic2_w.svg")}
.main_wrap .box:hover .tp_txt em{color:#fff; opacity:80%;}
.main_wrap .box:hover .tp_txt .title{color:#fff}
.main_wrap .box:hover .tp_txt p{color:#fff}
.main_wrap .box:hover .btn1{background: #FFF; color:#1A53ED;}
.main_wrap .box:hover .btn2{border: 1px solid rgba(255, 255, 255, 0.50); color: #FFF;}

/* 푸터 */
.footer{padding:58px 0;}
.footer .inner{display:flex; justify-content:space-between;}
.footer .lt_area{display:flex; gap:65px;}
.footer .lt_area .logo img{width: 78px; mix-blend-mode: darken;}
.footer .lt_area .ft_cont_tp{display: flex; gap:30px; margin-bottom:35px;}
.footer .lt_area .ft_cont_tp li a{font-size: 16px; font-weight: 700; color: #555;}
.footer .lt_area .ft_cont_md{margin-bottom:20px; width: 730px;}
.footer .lt_area .ft_cont_md span{font-size: 16px; color: #555; margin-right:20px; display:inline-block; }
.footer .lt_area .copy{font-size: 14px; color: #AFAFAF;}
.footer .rt_area .sns{display:flex; justify-content:flex-end; gap: 10px;}
.footer .rt_area .sns li a{display:block;}
.footer .rt_area .sns li a img{width:40px;}
.footer .rt_area .call{font-size: 18px; font-weight: 700; color: #555; margin-top:25px; text-align:right;}
.footer .rt_area .call strong{font-size: 22px; font-weight: 800;}
.footer .rt_area .time{font-size: 16px; color: #555; margin-top:10px; text-align:right;}
.footer .rt_area .last{font-size:16px; margin-top:10px; text-align:right; color: #555;}
.footer .rt_area .last img{display:inline-block; vertical-align:middle; margin-left:10px;}
.footer .rt_area .last span{display:inline-block; vertical-align:middle; margin-left:5px;}
.footer .rt_area .last .logo1{width:140px;}
.footer .rt_area .last .logo2{width:116px;}



.custom-select {display: inline-flex; min-width: 150px; height: 50px; padding-right: 20px; border-radius: 5px; border: 1px solid #D9D9D9; overflow: hidden; position: relative; background: #fff; box-sizing: border-box;}
.custom-select select {width: 100%; height: 100%; padding-left: 20px; appearance: auto; background: #FFF; border: 0; box-sizing: border-box; font-size: 18px;}


@media screen and (max-width:1400px) {

	.inner{width:100%; max-width:100%; padding:0 3.21vw;}

	/* 헤더 */
	#header .logo img{width: 8.57vw;}
	#header .gnb{gap:5.86vw;}
	#header .gnb > li > a{font-size: 1.43vw;  line-height:7.79vw;}
	#header .gnb_2depth{border-radius: 1.14vw; box-shadow: 0.29vw 0.29vw 1.57vw 0.00vw rgba(0, 104, 183, 0.10); padding:1.93vw 2.71vw; bottom:-7.00vw;}
	#header .gnb_2depth li + li{margin-top:1.57vw;}
	#header .gnb_2depth li a{font-size: 1.43vw;}

	/* 헤더 2 */
	.head_rt{gap:7.14vw;}
	.head_rt .member a{font-size: 1.14vw;}
	.head_rt .member a i{width: 1.71vw; height: 1.71vw; margin-right:0.29vw;}
	.head_rt .member .mypage{margin-left:2.14vw; }
	.head_rt .member .mypage:before{height:1.07vw; left:-1.21vw;}

	/* 퀵메뉴 */
	#quick_menu{ bottom:6.29vw; right:4.71vw;}
	#quick_menu li + li{margin-top:1.14vw;}
	#quick_menu li a{ width: 4.71vw; height: 4.71vw; border-radius: 1.93vw; box-shadow: 0.29vw 0.29vw 0.79vw 0.00vw rgba(0, 104, 183, 0.10);}
	#quick_menu li p{font-size:1.14vw; margin-top:0.57vw;}

	 /* 메인 */
	#main .head{ margin-top:5.86vw;}
	#main .head .logo img{width:12.50vw;}
	#main .head span{ font-size: 1.93vw; line-height: 3.93vw; padding:0 4.71vw; margin-top:1.93vw;}
	.main_wrap{margin:3.93vw 0 4.29vw;}
	.main_wrap .box{padding: 7.00vw 6.29vw; border-radius: 2.36vw; width: 49%; height: 46.86vw; box-shadow: 0.29vw 0.29vw 1.57vw 0.00vw rgba(0, 104, 183, 0.10);}
	.main_wrap .box:after{right:6.29vw; margin-top:-1.57vw;}
	.main_wrap .box1:after{width: 8.21vw; height: 10.86vw;}
	.main_wrap .box2:after{width: 9.79vw; height: 9.43vw;}
	.main_wrap .box .tp_txt em{ font-size: 1.29vw;}
	.main_wrap .box .tp_txt .title{font-size: 3.14vw; margin-top:0.79vw;}
	.main_wrap .box .tp_txt p{font-size: 1.29vw; margin-top:1.57vw;}
	.main_wrap .box .bt_btn a{font-size: 1.57vw; line-height:4.71vw;}

	/* 푸터 */
	.footer{padding:4.50vw 0;}
	.footer .lt_area{gap:5.07vw; width:55%;}
	.footer .lt_area .logo img{width: 6.07vw;}
	.footer .lt_area .ft_cont_tp{gap:2.36vw; margin-bottom:2.71vw;}
	.footer .lt_area .ft_cont_tp li a{font-size: 1.29vw;}
	.footer .lt_area .ft_cont_md{margin-bottom:1.57vw; width: 57.00vw;}
	.footer .lt_area .ft_cont_md span{font-size: 1.29vw; margin-right:1.57vw;}
	.footer .lt_area .copy{font-size: 1.07vw;}
	.footer .rt_area{width:45%;}
	.footer .rt_area .sns{gap: 0.79vw;}
	.footer .rt_area .sns li a img{width:3.14vw;}
	.footer .rt_area .call{font-size: 1.43vw; margin-top:1.93vw;}
	.footer .rt_area .call strong{font-size: 1.71vw;}
	.footer .rt_area .time{font-size: 1.29vw; margin-top:0.79vw;}
	.footer .rt_area .last{font-size:1.14vw; margin-top:0.71vw;}
	.footer .rt_area .last img{margin-left:0.71vw;}
	.footer .rt_area .last span{margin-left:0.36vw;}
	.footer .rt_area .last .logo1{width:10.00vw;}
	.footer .rt_area .last .logo2{width:8.29vw;}

	.custom-select {min-width: 10.71vw; height: 3.57vw; padding-right: 1.43vw; border-radius: 0.36vw;}
	.custom-select select {padding-left: 1.43vw; font-size: 1.29vw;}
}


@media screen and (max-width:1280px) {

	.inner{width:100%; max-width:100%; padding:0 3.52vw;}

	/* 헤더 */
	#header .logo img{width: 8.59vw;}
	#header .gnb{gap:5.86vw;}
	#header .gnb > li > a{font-size: 1.41vw;  line-height:7.81vw;}
	#header .gnb_2depth{border-radius: 1.17vw; box-shadow: 0.31vw 0.31vw 1.56vw 0.00vw rgba(0, 104, 183, 0.10); padding:1.95vw 2.73vw; bottom:-7.03vw;}
	#header .gnb_2depth li + li{margin-top:1.56vw;}
	#header .gnb_2depth li a{font-size: 1.41vw;}

	/* 헤더 2 */
	.head_rt{gap:7.81vw;}
	.head_rt .member a{font-size: 1.25vw;}
	.head_rt .member a i{width: 1.88vw; height: 1.88vw; margin-right:0.31vw;}
	.head_rt .member .mypage{margin-left:2.34vw;}
	.head_rt .member .mypage:before{height:1.17vw; left:-1.33vw;}

	/* 퀵메뉴 */
	#quick_menu{ bottom:6.25vw; right:4.69vw;}
	#quick_menu li + li{margin-top:1.0vw;}
	#quick_menu li a{ width: 4.69vw; height: 4.69vw; border-radius: 1.95vw; box-shadow: 0.52vw 0.52vw 1.30vw 0.00vw rgba(0, 104, 183, 0.10);}
	#quick_menu li a.chat_btn{background-size:2.89vw;}
	#quick_menu li a.top_btn{background-size:1.17vw;}
	#quick_menu li a.kakao_btn{background-size:2.66vw;}
	#quick_menu li p{font-size:1.25vw; margin-top:0.63vw;}

	 /* 메인 */
	#main .head{ margin-top:5.86vw;}
	#main .head .logo img{width:12.50vw;}
	#main .head span{ font-size: 1.95vw; line-height: 3.91vw; padding:0 4.69vw; margin-top:1.95vw;}
	.main_wrap{margin:3.91vw 0 4.30vw;}
	.main_wrap .box{padding: 7.03vw 2.85vw; border-radius: 2.34vw; width: 49%; height: 46.88vw; box-shadow: 0.31vw 0.31vw 1.56vw 0.00vw rgba(0, 104, 183, 0.10);}
	.main_wrap .box:after{right:6.25vw; margin-top:-1.56vw;}
	.main_wrap .box1:after{width: 8.20vw; height: 10.86vw;}
	.main_wrap .box2:after{width: 9.77vw; height: 9.45vw;}
	.main_wrap .box .tp_txt em{ font-size: 1.25vw;}
	.main_wrap .box .tp_txt .title{font-size: 3.13vw; margin-top:0.78vw;}
	.main_wrap .box .tp_txt p{font-size: 1.25vw; margin-top:1.56vw;}
	.main_wrap .box .bt_btn a{font-size: 1.56vw; line-height:4.69vw;}

	/* 푸터 */
	.footer{padding:4.53vw 0;}
	.footer .lt_area{gap:5.08vw;}
	.footer .lt_area .logo img{width: 6.09vw;}
	.footer .lt_area .ft_cont_tp{gap:2.34vw; margin-bottom:2.73vw;}
	.footer .lt_area .ft_cont_tp li a{font-size: 1.25vw;}
	.footer .lt_area .ft_cont_md{margin-bottom:1.56vw; width: 56.03vw;}
	.footer .lt_area .ft_cont_md span{font-size: 1.25vw; margin-right:1.56vw;}
	.footer .lt_area .ft_cont_md span:nth-of-type(5){white-space:nowrap;}
	.footer .lt_area .copy{font-size: 1.09vw;}
	.footer .rt_area .sns{gap: 0.78vw;}
	.footer .rt_area .sns li a img{width:3.13vw;}
	.footer .rt_area .call{font-size: 1.41vw; margin-top:1.95vw;}
	.footer .rt_area .call strong{font-size: 1.72vw;}
	.footer .rt_area .time{font-size: 1.25vw; margin-top:0.78vw;}
	.footer .rt_area .last{font-size:1.25vw; margin-top:0.78vw;}
	.footer .rt_area .last img{margin-left:0.78vw;}
	.footer .rt_area .last span{margin-left:0.39vw;}
	.footer .rt_area .last .logo1{width:10.94vw;}
	.footer .rt_area .last .logo2{width:9.06vw;}

	.custom-select {min-width: 11.72vw; height: 3.91vw; padding-right: 1.56vw; border-radius: 0.39vw;}
	.custom-select select {padding-left: 1.56vw; font-size: 1.41vw;}

}


@media screen and (max-width:768px) {

	.inner{padding:0 3.91vw;}

	/* 헤더 */
	#header{padding:3.91vw;}
	#header .inner{padding:0;}
	#header .logo img{width: 14.32vw;}
	#header .gnb{display:none;}
	.head_mob_menu{display:block; cursor:pointer;}
	.head_mob_menu img{width:5.08vw;}
	.head_mob_bg{position:fixed; top:0; left:0; right:0; bottom:0; z-index:2000}
	.head_mob_bg.on{display:block;}
	.head_mob_overlay{position:absolute; width:100%; height:100%; background: rgba(0, 0, 0, 0.70);}
	.head_mob_inner{background:#fff; width:90%; height: 100%; z-index: 5000; position: relative; float: right; padding:0 3.91vw 0 6.51vw;}
	.head_mob_tp{padding-top:17.58vw; margin-bottom:9.11vw;}
	.head_mob_tp .logo img{width: 23.44vw; }
	.head_mob_close{position:absolute; top:4.56vw; right:4.56vw; cursor:pointer;}
	.head_mob_close img{width:4.17vw;}
	.accordion{border-top:1px solid rgba(0, 0, 0, 0.10);}
	.accordion > li{border-bottom:1px solid rgba(0, 0, 0, 0.10);}
	.accordion > li > a{padding:4.56vw 1.30vw; display:block; font-size: 4.56vw; font-weight: 700; position:relative;}
	.accordion > li > a:after{content:''; display:block; width: 4.30vw; height: 4.30vw; background:url("/images/main/head_mob_arrow.svg") no-repeat center / 100%; position:absolute; right:1.30vw; top:50%; transform:translateY(-50%); cursor:pointer;}
	.accordion > li > a:hover:after{background-image:url("/images/main/head_mob_arrow_on.svg")}
	.accordion > li > a:hover{color:#1A53ED;}
	.accordion > li .link{padding:4.56vw 1.30vw; display:block; font-size: 4.56vw; font-weight: 700; position:relative;}
	.accordion > li .link:after{content:''; display:block; width: 4.30vw; height: 4.30vw; background:url("/images/main/head_mob_arrow.svg") no-repeat center / 100%; position:absolute; right:1.30vw; top:50%; transform:translateY(-50%); cursor:pointer; /* transform: rotate(90deg); margin-top: -1.95vw; */}
	.accordion > li .link:hover:after{background-image:url("/images/main/head_mob_arrow_on.svg");}
	/* .accordion > li.open .link:after{transform: rotate(-90deg)} */
	.accordion > li .submenu{display:none; border-top:1px solid rgba(0, 0, 0, 0.10); padding:4.56vw;}
	.accordion > li .submenu li + li{margin-top:2.60vw;}
	.accordion > li .submenu li a{font-size: 3.91vw; font-weight: 600; color: #989898;}
	.accordion > li .submenu li a:hover{color:#1A53ED;}

	/* 헤더 2 */
	.head_rt .member{display:none;}
	.head_mob_bg .member{margin-bottom:7vw;}
	.head_mob_bg .member a{display:inline-block; font-size:3.5vw; font-weight: 700; width:25vw; text-align:center; line-height:8.5vw; border-radius:30px;}
	.head_mob_bg .member .logout{color: #888; border: 1px solid #888;}
	.head_mob_bg .member .mypage{color: #FFF; background: #1C52E4; margin-left:1vw;}

	/* 퀵메뉴 */
	#quick_menu{ bottom:10.25vw; right:3.91vw;}
	#quick_menu li + li{margin-top:2.7vw;}
	#quick_menu li a{ width: 11.72vw; height: 11.72vw; border-radius: 4.6vw; box-shadow: 0.26vw 0.26vw 0.78vw 0.00vw rgba(0, 104, 183, 0.10);}
	#quick_menu li a.chat_btn{background-size: 7.16vw;}
	#quick_menu li a.top_btn{background-size: 3.17vw;}
	#quick_menu li a.kakao_btn{background-size:5.83vw;}
	#quick_menu li p{font-size:3.08vw; margin-top:1.04vw;}

	 /* 메인 */
	#main .head{ margin-top:9.90vw;}
	#main .head .logo img{width:23.44vw;}
	#main .head span{ font-size: 3.39vw; line-height: 7.81vw; padding:0 5.21vw; margin-top:3.39vw;}
	.main_wrap{margin:7.81vw 0 13.02vw; flex-direction:column; gap:6.51vw}
	.main_wrap .box{padding:11.72vw 5.21vw 7.16vw; border-radius: 3.91vw; width: 100%; height: 65.10vw; box-shadow: 0.26vw 0.26vw 1.56vw 0.00vw rgba(0, 104, 183, 0.10);}
	.main_wrap .box:after{right:6.25vw; margin-top:-4.56vw;}
	.main_wrap .box1:after{width: 13.67vw; height: 18.10vw;}
	.main_wrap .box2:after{width: 16.28vw; height: 15.76vw;}
	.main_wrap .box .tp_txt em{ font-size: 2.86vw;}
	.main_wrap .box .tp_txt .title{font-size: 5.21vw; margin-top:2.86vw;}
	.main_wrap .box .tp_txt p{font-size: 3.13vw; margin-top:3.13vw;}
	.main_wrap .box .bt_btn a{font-size: 3.13vw; line-height:9.77vw;}

	/* 푸터 */
	.footer{padding:6.51vw 0;}
	.footer .inner{flex-direction:column; align-items:center;}
	.footer .lt_area{gap:5.08vw; flex-direction:column; align-items:center; width:100%;}
	.footer .lt_area .logo img{width: 16.93vw;}
	.footer .lt_area .ft_cont_tp{gap: 1.95vw 3.91vw; flex-wrap:wrap; justify-content: center; width: 80%; margin: 0 auto 5.21vw;}
	.footer .lt_area .ft_cont_tp li a{font-size: 3.13vw;}
	.footer .lt_area .ft_cont_md{margin-bottom:3.26vw; width: 100%; text-align:center;}
	.footer .lt_area .ft_cont_md span{font-size: 2.86vw; margin:0 1.28vw; line-height:1.4;}
	.footer .lt_area .copy{font-size: 2.86vw; text-align:center;}
	.footer .rt_area{display:flex; flex-direction:column-reverse; align-items:center; width:100%;}
	.footer .rt_area .sns{gap: 1.95vw; margin-top:7.16vw;}
	.footer .rt_area .sns li a img{width:8.46vw;}
	.footer .rt_area .call{font-size: 3.13vw; margin-top:6.51vw; text-align:center;}
	.footer .rt_area .call strong{font-size: 3.65vw;}
	.footer .rt_area .time{font-size: 2.86vw; margin-top:1.30vw; text-align:center;}
	.footer .rt_area .last{font-size:2.86vw; margin-top:2.30vw; text-align:center;}
	.footer .rt_area .last img{margin-left:1.30vw;}
	.footer .rt_area .last span{margin-left:0.65vw;}
	.footer .rt_area .last .logo1{width:23.23vw;}
	.footer .rt_area .last .logo2{width:19.10vw;}

	.custom-select {min-width: 19.53vw; height: 7.51vw; padding-right: 2.60vw; border-radius: 0.65vw;}
	.custom-select select {padding-left: 2.60vw; font-size: 2.86vw;}

}