@charset "utf-8"; 

:root{
	/* 월호 디자인 배경색 --background-body에 입력 */
	--background-body:linear-gradient(180deg, #fff, #fff 60%);
	--background-type1:#eff8ff;
	--background-type4:#ee3645;
	--background-type6-1:#dceeff;
	--background-type6-2:#f4fff4;
	--background-type6-3:#fff6ee;
	--background-fff:#fff;

	--banner-type1-color:#229573;
	--banner-type1-BG:#eefffa;
	--banner-type2-color:#967616;
	--banner-type2-BG:#fffce9;
	--banner-type3-color:#64b65d;
	--banner-type3-BG:#f0ffef;

	--color-type1:#4394d6;
	--color-type2:#f1602c;
	--color-type3:#fff;
	--color-type4:#ee3645;
	--color-type5:#d70695;
	--color-type6-1:#2d82c7;
	--color-type6-2:#64b65d;
	--color-type6-3:#f37028;
}


/* setting -- START */
.cont_wrap {width:100%; position:relative; background:#f2edff; padding:130px 0 70px;}
/* setting -- END */

#visual {width:800px; height:auto; position:relative; margin:0 auto; padding:40px 50px; background:#fff;  box-shadow: 0 3px 6px rgba(0,0,0,0.05), 0 3px 6px rgba(0,0,0,0.07);}
.title_text {text-align:center; display:block; margin:20px auto 0; font-size:26px; line-height:46px;}
.title_text h2 {font-size:26px; line-height:46px;}
.title_text h2:before{display:inline-block; vertical-align: middle; content:''; width:32px; height:32px; background:url(../images/title_before.png); margin-right:30px; margin-bottom: 6px;}
.title_text h2:after{display:inline-block; vertical-align: middle; content:'';  width:32px; height:32px; background:url(../images/title_after.png); margin-left:30px; margin-bottom: 6px;}

.contents {width:800px; height:auto; position:relative; margin:0 auto 20px; padding:50px; background:#fff; font-size:0;   box-shadow: 0 3px 6px rgba(0,0,0,0.05), 0 3px 6px rgba(0,0,0,0.07);}
.secTitle {width:700px; height:60px; line-height:60px;     font-family: "Elice DX Neolli", sans-serif; font-size:26px; position:relative; margin:70px auto 0; padding:2px 0 0; text-align:center; color:#fff; background:#00306d; border-top-left-radius:30px; border-top-right-radius:30px; }

.section1_type1 {width:700px; margin:0 auto 20px; position:relative; display:inline-block;}
.section1_text {width:100%; margin:0 auto; position:relative;  font-family: "Elice DX Neolli", sans-serif; background:#f1f1f1; color:#303030; font-size:20px; line-height:28px; padding:23px 0; text-align:center; }
.section1_text.fs18{font-size:18px; letter-spacing: -0.7px;}
.section1_type2_1 {width:340px; margin-right:10px; margin-bottom:20px; position:relative; display:inline-block;vertical-align: top;  }
.section1_type2_2 {width:340px; margin-left:10px; margin-bottom:20px; position:relative; display:inline-block;vertical-align: top;  }

.section1_type1.last {margin-bottom:0 !important;}

.section2_type1 {width:700px; margin:0 auto 40px; position:relative; display:inline-block;}
.section2_img {width: 350px; display:inline-block; position: relative; margin-right:40px;vertical-align: top; }
.section2_text {width:310px; display:inline-block; position: relative; vertical-align: top; }
.section2_text h2 {font-size:26px; line-height:34px; color:#00306d; font-family: "Elice DX Neolli", sans-serif; font-weight:700; letter-spacing:-0.01em; margin-bottom:15px;}
.section2_text span {font-size:20px; line-height:28px; color:#303030; letter-spacing:-0.01em;}

.section2_type1.last {margin-bottom:0 !important;}

.section3_type1 {width:700px; margin:0 auto; position:relative; display:inline-block;}
.section3_img {width: 700px; display:inline-block; position: relative; margin-bottom:35px; vertical-align: top; }
.section3_text {width:700px; display:inline-block; position: relative; margin-bottom:35px; vertical-align: top;  text-align:center;}
.section3_text h3 {font-size:20px; line-height:28px; color:#ff5849; font-weight:700; letter-spacing:-0.01em; margin-bottom:10px;} 
.section3_text h2 {font-size:26px; line-height:34px; color:#00306d; font-family: "Elice DX Neolli", sans-serif; font-weight:700; letter-spacing:-0.01em; margin-bottom:7px;}
.section3_text h4 {font-size:20px; line-height:28px; color:#303030; font-weight:700; letter-spacing:-0.01em; margin-bottom:35px;}

.section3_text span {font-size:20px; line-height:28px; color:#303030; letter-spacing:-0.01em; margin-bottom:35px;}
.section3_text span.section3_point {font-weight:700; color:#b678e6}
.section3_text span.section3_astarisk {font-size:17.5px; }



.section3_type1 .type3_cont_btn {width:200px; height:50px; font-size:16px; color:#fff; background:#ff5849; border-radius: 30px; text-align:center; font-family: "Elice DX Neolli", sans-serif; font-weight:300; line-height:50px;margin:0 auto ; transition:0.5s all; overflow:hidden;}
.section3_type1 .type3_cont_btn:hover{transform:scale(1);}
.section3_type1 .type3_cont_btn:after{content:''; position: absolute; top: calc(50% - 50px); left: -50px; width: 20px; height: 100px; background: white; -webkit-transform: rotate(30deg); transform:rotate(30deg); -webkit-transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1); transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1); opacity: 0;}
.section3_type1 .type3_cont_btn:hover:after {left: calc(100% + 50px); opacity: 1;}



.section4_type1 {width:700px; margin:0 auto 20px; position:relative; display:inline-block;}
.section4_img {width: 700px; display:inline-block; position: relative; margin-bottom:35px; vertical-align: top; }
.section4_text {width:700px; display:inline-block; position: relative; margin-bottom:35px; vertical-align: top;  text-align:center;}

.section4_text h2 {font-size:26px; line-height:34px; color:#00306d; font-family: "Elice DX Neolli", sans-serif; font-weight:700; letter-spacing:-0.01em; margin-bottom:5px;}
.section4_type1 .type4_cont_btn {width:200px; height:50px; font-size:16px; color:#fff; background:#2d8bff; border-radius: 30px; text-align:center; font-family: "Elice DX Neolli", sans-serif; font-weight:300; line-height:50px;margin:0 auto ; transition:0.5s all; overflow:hidden;}
.section4_type1 .type4_cont_btn:hover{transform:scale(1);}
.section4_type1 .type4_cont_btn:after{content:''; position: absolute; top: calc(50% - 50px); left: -50px; width: 20px; height: 100px; background: white; -webkit-transform: rotate(30deg); transform:rotate(30deg); -webkit-transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1); transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1); opacity: 0;}
.section4_type1 .type4_cont_btn:hover:after {left: calc(100% + 50px); opacity: 1;}

.section4_text1 {display:inline-block; position: relative; vertical-align:top;}
.section4_text1 h2 {font-size:26px; line-height:34px; color:#303030; font-weight:700; letter-spacing:-0.01em; margin-bottom:5px; text-align:left; margin-bottom:20px; } 
.section4_text2 {float:right;  text-align:right; vertical-align:top}
.section4_text2 span {font-size:13px; line-height:34px; color:#303030; margin-left:10px; } 
.section4_text2 .red:before{display:inline-block; content: ''; vertical-align: middle;  width:12px; height:6px; background:#ff4f4f; margin-right:5px;}
.section4_text2 .blue:before{display:inline-block; content: ''; vertical-align: middle;  width:12px; height:6px; background:#00acf0;margin-right:5px;}

.section5_type1 {width:220px; margin-right: 18px; position:relative; display:inline-block; border:1px solid #ddd; padding:14px; text-align:center;} 
.section5_type1.last {margin-right:0;}
.section5_type1 .section5_img {margin-bottom:15px;}
.section5_type1 .section5_type1_title {display:block; font-size:20px; line-height:30px; color:#303030; font-family: "Elice DX Neolli", sans-serif;  letter-spacing:-0.01em; margin-bottom:7px;}
.section5_type1 .section5_type1_text {display:block; font-size:18px; line-height:24px; color:#303030; margin-bottom:10px;letter-spacing:-0.05em;}
.section5_type1 .section5_type1_url {display:block; font-size:14px; line-height:24px; color:#ff5849; }
.section5_type1 .section5_type1_url:before {display:inline-block; vertical-align: middle; content:''; width:17px; height:17px; background:url(../images/section5_link.png); margin-right:5px;}


.section5_type2 {margin-top:35px; text-align:center; }
.section5_type2 a { display:inline-block; margin: 0 15px; color:#303030; font-size:18px;  vertical-align: middle;}
.section5_type2 a img {display:inline-block; vertical-align: middle; margin-right:10px;}