header {background: rgba(255,255,255,0.5); position: fixed; top: 0; left: 0; width: 100%; padding: 25px 0; z-index: 100;}
.gnb_menu ul li {font-size: 18px; margin-left: 60px; display: inline-block; line-height: 30px;}
.gnb_menu ul li:hover {color: #3389e9;}

.container {width: 1200px; margin: 0 auto;}
.title {margin: 0px auto 80px; text-align: center;}
.title h2 {font-size: 50px; font-family: 'Noto_bold';}
.title p {font-size: 24px; line-height: 34px; margin-top: 30px;}




#section_1 {}

#section_2 {padding: 10% 0;background: url('/images/section_2_img.jpg') no-repeat center; background-size: cover;}
#section_2 ul {text-align: center;}
#section_2 ul li {width: 800px; display: inline-block; text-align: center; font-size: 24px; line-height: 34px; border: 1px solid #eee; border-radius: 30px; margin-bottom: 20px; padding: 15px 30px; background: white;}
#section_2 ul li span {font-family: 'Noto_bold'; color: #3389e9;}


#section_3 {padding: 10% 0;background: url('/images/section_3_img.jpg') no-repeat center; background-size: cover;}
#section_3 ul li {float: left; width: 18%; margin-right: 2%; position: relative;}
#section_3 ul li:last-child {margin-right: 0;}
#section_3 ul li:after {content: ''; display: block; background: url('/images/section_3_img_1.png') no-repeat center; width: 55px; height: 55px; position: absolute; top: 50%; right: -18%; transform: translateY(-50%); z-index: 1;}
#section_3 ul li:last-child:after {display: none;}

#section_4 {padding: 10% 0;background: url('/images/section_4_img.jpg') no-repeat center; background-size: cover;}
#section_4 .swiper-container {padding-bottom: 50px;}
#section_4 .swiper-container .swiper-slide img {margin:0 auto;}


/* 상담신청 */
#counsel {background: url('/images/section_5_img.jpg') no-repeat center; background-size: cover; padding: 10% 0;}
#counsel .title h2 {color: white;}
#counsel form {}
#counsel form ul li {width: 50%; float: left; padding: 0 1%;}
#counsel form select, #counsel form input[type="text"], #counsel form input[type="tel"] {border: 1px solid #cccccc; height: 55px; line-height: 55px; width: 100%; padding: 0 15px; margin-bottom: 15px; font-size: 16px; color: #000; border-radius: 0;}
#counsel form select:disabled {color: #a9a9a9;}
#counsel form textarea {border: 1px solid #cccccc; width: 100%; padding: 15px; color: #000; font-size: 16px; line-height: 24px; height: 175px;}

#counsel form input::-webkit-input-placeholder {color: #a9a9a9;}
#counsel form input::-ms-input-placeholder {color: #a9a9a9;} 
#counsel form textarea::-webkit-input-placeholder {color: #a9a9a9;}
#counsel form textarea::-ms-input-placeholder {color: #a9a9a9;} 

#counsel .contactForm_agree2 {font-size: 16px; margin-top: 10px; padding: 0 1%;}
#counsel .btn_confirm { margin: 30px auto 0; text-align: center;}
#counsel .btn_submit {width: 165px; line-height: 55px; color: white; text-align: center; font-size: 18px; background: #333; cursor: pointer; border-radius: 0;}
#counsel .btn_submit:hover {background: #0562c9;}

#counsel .alert {position: fixed; z-index: 10; top: 50%; left:50%; transform: translateX(-50%) translateY(-50%); width: 500px; background: white; text-align: center; padding: 50px; box-shadow: 0 0 10px rgb(0 0 0 / 20%); display: none;}
#counsel .alert p {font-size: 16px;}
#counsel .alert p strong {margin-bottom: 10px; display: block; font-size: 20px;}
#counsel .alert .close {width: 150px; height: 50px; background: #000; color: white; font-size: 16px; margin-top: 30px; cursor: pointer; line-height: 50px; margin: 30px auto 0;}

#counsel .control-group {position: relative;	}
#counsel p.error {font-size:14px; position: absolute; top: 15px; right: 15px; color: red;}
#counsel .agree  {font-size:14px; margin-top: 10px;}
#counsel .agree label {color:white;}
#counsel .success p.error {display:none;}

#counsel .contactForm_agree2 {margin-top: 30px;}
#counsel .contactForm_agree2 label {color: white;}
#counsel .agree_text {background: white; font-size: 14px; line-height: 24px; padding: 20px; height: 150px; overflow: auto; border-radius: 5px; margin-top: 15px;}

#footer {background: #132e4c; text-align: center; padding: 5% 0;}
#footer h3 {font-size: 24px; color: white; font-family: 'Noto_bold'; margin-bottom: 20px;}
#footer p {font-size: 16px; line-height: 26px; color: white; margin-bottom: 30px;}
#footer .copy {font-size: 14px; color: white; line-height: 14px;}



.blocker {z-index: 101;}
.modal {max-width: 1200px; text-align: center; padding: 0;}
.modal a.close-modal {position: fixed; top: 5%; right: 5%; width: 60px; height: 60px;}