@charset 'utf-8';

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400&display=swap');

/*적용폰트*/
@font-face{
	src: url("/include/font/SCDream1.otf");
	font-family: "score1";
}
@font-face{
	src: url("/include/font/SCDream2.otf");
	font-family: "score2";
}
@font-face{
	src: url("/include/font/SCDream3.otf");
	font-family: "score3";
}
@font-face{
	src: url("/include/font/SCDream4.otf");
	font-family: "score4";
}
@font-face{
	src: url("/include/font/SCDream5.otf");
	font-family: "score5";
}
@font-face{
	src: url("/include/font/SCDream6.otf");
	font-family: "score6";
}

/* body{font-family: 'Noto Sans KR', sans-serif;} */
body{font-family: 'score3', sans-serif;}

/* quick */
.quickLink{
	position: fixed;
	right: 20px;
	bottom: 20px;
	width: 100px;
	z-index: 99
}
.quickLink a{
	display: block;
	width: 100%;
	border-radius: 50%;
	box-shadow: rgba(0,0,0,0.3) 3px 3px 4px
}
.quickLink a img{
	width: 100%;
}

/* header */
#header{width: 100%;height: 100px;position: fixed;left: 0;top: 0;z-index: 1;border-bottom: 1px solid #5f5f5f;font-family: 'Noto Sans KR', sans-serif;}
#header .inner{position: relative;max-width: 1400px;width: 80%;height: 100%;margin: auto;}
#header .logo{width: 230px;height: 60px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
#header .logo a{display: block;width: 100%;height: 100%;background: url(/include/img/logo_2.png) no-repeat center / 100% auto}

.gnb .leftGnb,
.gnb .rightGnb{
	position: absolute;
	top: 50%;
	overflow: hidden;
}
.gnb .leftGnb li,
.gnb .rightGnb li{
	display: inline-block;
	margin: 0 30px;
}
.gnb .leftGnb li a,
.gnb .rightGnb li a{
	font-size: 17px;
	font-weight: bold;
}
.gnb .leftGnb{
	left: calc(50% - 150px);
	transform: translate(-100%,-50%);
}
.gnb .rightGnb{
	right: calc(50% - 150px);
	transform: translate(100%,-50%);
}
.gnb .fixGnb{
	position: fixed;
	left: 100px;
	bottom: 100px;
}
.gnb .fixGnb li{
	margin-top: 20px;
}
.gnb .fixGnb li a{
	font-size: 14px;
	font-weight: 600;
	transition: all 0.4s;
}
.gnb .fixGnb li.on a{
	font-size: 16px;
	color: #213568;
	text-decoration: underline;
}

/* #header .gnb li{width: 100%;height: 35px;line-height:35px;text-indent: 20px}
#header .gnb li a{font-size: 14px;letter-spacing: -0.5px;font-weight: bold}
#header .gnb li:nth-child(6),
#header .gnb li:nth-child(9){margin-bottom: 30px}
#header .gnb li a{position: relative;}
#header .gnb li a::before{content: '';display: block;position: absolute;background: #fff;width: 100%;height: 50%;bottom: 0;left: 0;z-index: -1}
#header .gnb li.buy a::before{background: #d9eddd}
#header .gnb li a:hover::before{background: #dcaaa9;opacity: 0.6}
#header .gnb li a.on::before{background: #dcaaa9;opacity: 0.6} */

.headLink{display: block;position: absolute;bottom: 30px;left: 10%;font-size: 12px;letter-spacing: 0.5px;font-weight: 300;color: #999;width: 70%;}
.headLink a{color: #666;display: block;width: 100%;height: 25px;line-height: 25px;border: 1px solid #ccc;text-align: center;}

/* fullpage */
#fullpage{width: calc(100% - 0px);margin-left: 0px;background: #efefef}

/* background */
.section{background-repeat: no-repeat;background-size: cover}
.section1{background-image: url(/include/img/section1_bg.png)}
.sectionkakao {background-image:url(/include/img/kakao-bg.png);position:relative;}
.section2{background-image: url(/include/img/section2_bg.png)}
.section3{background-image: url(/include/img/section3_bg.png)}
.section4{background-image: url(/include/img/section4_bg.png)}
.section5{background-image: url(/include/img/section5_bg.png)}
.section6{background-image: url(/include/img/section6_bg.png)}
.section7{background-image: url(/include/img/section7_bg.png)}
.sectionadd1{background-image: url(/include/img/sectionadd1_bg.png)}
.section8{background-image: url(/include/img/section8_bg.png)}
.section9{background-color: #eaedf3}

/* section common css */
.scroll{display: block;width: 25px;height: 35px;border: 1px solid #fff;border-radius: 30px;box-sizing: border-box;position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%)}
.scroll .wheel{display: block;width: 4px;height: 4px;border-radius: 50%;background: #fff;position: absolute;top: 6px;left: 50%;transform: translateX(-50%)}
.section1 .scroll{border-color: #c94d52}
.section1 .scroll .wheel{background: #c94d52}
.sectionkakao .scroll {border-color:#f9e200}
.sectionkakao .scroll .wheel {background:#f9e200;}
.section2 .scroll{border-color: #c94d52}
.section2 .scroll .wheel{background: #c94d52}
.section3 .scroll{border-color: #3fa356}
.section3 .scroll .wheel{background: #3fa356}
.section4 .scroll{border-color: #c94d52}
.section4 .scroll .wheel{background: #c94d52}
.section5 .scroll{border-color: #c94d52}
.section5 .scroll .wheel{background: #c94d52}
.section6 .scroll{border-color: #3fa356}
.section6 .scroll .wheel{background: #3fa356}
.sectionadd1 .scroll{border-color: #C94D52}
.sectionadd1 .scroll .wheel{background: #C94D52}
.section7 .scroll{border-color: #c94d52}
.section7 .scroll .wheel{background: #c94d52}
.section8 .scroll{border-color: #c94d52}
.section8 .scroll .wheel{background: #c94d52}

.section ul.conList{width:100%;margin:auto;display:flex; margin-bottom:50px;max-width: 600px;}
.section ul.conList li{width:162px;height: 199px;background: url(/include/img/kakao/conBox.png) no-repeat center / cover;box-sizing: border-box;margin: 0;margin-right: calc(50% - 243px);padding: 40px 0 0;color: #fff;white-space: nowrap;font-size: 15px;}
.section ul.conList li:last-child{margin-right: 0;}
.section ul.conList li span,
.section ul.conList li strong{font-weight: 600;display: block;}
.section p.txtCon{color: #2c2c2c;margin-bottom: 30px;font-family: "score5"}

.section .popbtn{font-family: 'score3', sans-serif;}
.section .quickbtn{display: block;width: 265px;height: 386px;position: absolute;top: 50%;right: -265px;transform: translateY(-50%);transition: all 1s;}
.section .quickbtn.on{right: 0}
.section .quickbtn h5{font-size: 24px;text-align: center;white-space: nowrap;color: #c5d5fe;font-family: 'score3', sans-serif;}
.section .quickbtn h5::after{content: '';display: block;margin: 20px auto 30px;width: 30%;height: 1px;background: #c5d5fe;}
.section .quickbtn .quicknum{font-size: 34px;color: #c5d5fe;font-weight: 600;display: block;position: relative;text-align: left;width: 80%;margin: 0 auto 150px;font-family: 'score6', sans-serif;}
.section .quickbtn .quicknum span{display: block;font-size: 16px;font-weight: 400;}
.section .quickbtn .quicknum::after{content: '';display: block;width: 30px;height: 30px;position: absolute;right: 0;bottom: 0;background: url(/include/img/section1/point.png) no-repeat center / cover;}

/* section1 */
.section1 .toptxt{width: 293px;height: 45px;background: url(/include/img/section1/toptxt.png) no-repeat center;margin-bottom: 20px;margin-left: 100px;opacity: 0;}
.section1 .title{text-align: center;margin-bottom: 40px;}
.section1 .count1{width: 830px;margin: 0 auto 40px}
.section1 .count1 li{float: left;width: 210px;margin-right: 100px;margin-bottom: 30px;height: 218px;}
.section1 .count1 li a{display: block;width: 100%;height: 100%;background: rgba(0,0,0,0.7);border-radius: 0 20px 0 20px;box-sizing: border-box;padding: 50px 30px;}
.section1 .count1 li:nth-child(3n){margin-right: 0;}
.section1 .count1 li:nth-child(4),
.section1 .count1 li:nth-child(5),
.section1 .count1 li:nth-child(6){margin-bottom: 0}
.section1 .count1 li.kakao{background: #f9e200 url(/include/img/section1/kakaoCon.png) no-repeat center / 70% auto;overflow: hidden;border-radius: 0 20px 0 20px;}
.section1 .count1 li.kakao *{opacity: 0}
.section1 .count1 li h3{color: #c5d5fe;line-height: 1;font-size: 18px;font-weight: 600;position: relative;text-align: center;white-space: nowrap;}
.section1 .count1 li h3::after{content: '';display: block;width: 50%;height: 1px;background: #c5d5fe;margin: 20px auto 20px;}
.section1 .count1 li:hover h3::after{transform: rotate(180deg)}
.section1 .count1 li .btm{position: relative;}
.section1 .count1 li .btm .num{line-height: 1;display: block;color: #c5d5fe;font-weight: bold;font-size: 28px;margin-bottom: 15px;}
.section1 .count1 li .btm .request{line-height: 1;display: block;color: #c5d5fe}
.section1 .count1 li .btm::after{content: '';display: block;width: 30px;height: 30px;background: url(/include/img/section1/point.png) no-repeat center / cover;position: absolute;top: 50%;transform: translateY(-50%);right: 0;}
.section1 .count2{text-align: center;overflow: hidden;width: 830px;margin: auto;}
.section1 .count2 li{display: block;width: 33.33%;margin-right: 0px;box-sizing: border-box;border-right: 1px solid #555;float: left;}
.section1 .count2 li:last-child{margin-right: 0;border-right: 0;}
.section1 .count2 li>img{display: none;margin: auto}
.section1 .count2 li>span{display: block}
.section1 .count2 li .counter{font-size: 30px;color: #2c2c2c;margin-bottom: 20px;font-weight: 600;font-family: "score6"}
.section1 .count2 li .count_name{color: #2c2c2c;font-size: 14px}

/* sectionkakao */
.sectionkakao .c {display:flex;justify-content:center;position:absolute;width:100%;height:100%;top:0;left:0;}
.sectionkakao .left {width:50%;position:relative;}
.sectionkakao .left .con {width:100%;margin:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.sectionkakao h2{width:100%;margin:auto;margin-bottom:125px;color:#fff;position:relative;font-size:38px;line-height:1.5em;font-weight:300;text-align:center;}
.sectionkakao h2 .s {font-size:0.55em;display:block;font-weight:200;}
.sectionkakao h2 .b {font-weight:700;}
.sectionkakao h2 .y-icon {width:10px;height:10px;border-radius:50%;display:inline-block;position:absolute;bottom:45px;right:20px;;background-color:#f9e200;}
.sectionkakao ul.conList {width:100%;margin:auto;display:flex; margin-bottom:125px;max-width: 600px;}
.sectionkakao ul li {width:162px;height: 199px;background: url(/include/img/kakao/conBox.png) no-repeat center / cover;box-sizing: border-box;margin-right: calc(50% - 243px);padding: 40px 0 0;}
.sectionkakao ul li:last-child{margin-right: 0;}
.sectionkakao ul li img {display:block;margin:auto;margin-bottom:20px;}
.sectionkakao ul li p {text-align:center;color:#fff; font-size:16px;line-height:1.2em;}
.sectionkakao a {display:block;width:470px;margin:auto;}
.sectionkakao a img {width:100%;}
.sectionkakao .right {width:40%;max-width:600px;position:relative;}
.sectionkakao .right img {width:100%;position:absolute;bottom:0;}

/* section2 */
.section2 h2{text-align: center;margin-bottom: 50px}
/* .section2 ul{width: 250px;margin: 0 auto 80px}
.section2 ul li{color: #fff;font-size: 17px;height: 50px;line-height: 50px;}
.section2 ul li img{vertical-align: middle;margin-right: 10px;margin-top: -3px} */
.section2 ul{width: 720px;margin: 0 auto 80px}
.section2 ul li{width: 200px;margin: 0 20px;float: left;text-align: center;color: #fff;line-height: 1.5}
.section2 ul li img{display: block;margin: 0 auto 20px}
.section2 p{color: #fff;text-align: center;font-size: 18px;margin-bottom: 50px}
.section2 .popbtn{display: block;width: 538px;height: 69px;margin: auto;background: #213568;color: #fff;line-height: 69px;font-size: 19px;font-weight: bold}
.section2 .popbtn img{margin-top: -5px;margin-left: 5px}
.section2 .quickbtn{background: url(/include/img/section2/quick_btn.png) no-repeat center / contain;}

/* section3 */
.section3 h2{text-align: center;margin-bottom: 50px}
.section3 ul{width: 720px;margin: 0 auto 80px}
.section3 ul li{width: 200px;margin: 0 20px;float: left;text-align: center;color: #fff;line-height: 1.5}
.section3 ul li img{display: block;margin: 0 auto 20px}
.section3 p{color: #fff;text-align: center;font-size: 18px;margin-bottom: 50px}
.section3 .popbtn{display: block;width: 538px;height: 69px;margin: auto;background: #213568;color: #fff;line-height: 69px;font-size: 19px;font-weight: bold}
.section3 .popbtn img{margin-top: -5px;margin-left: 5px}
.section3 .quickbtn{background: url(/include/img/section3/quick_btn.png) no-repeat center / contain;}

/* section4 */
.section4 h2{text-align: center;margin-bottom: 50px}
.section4 ul{width: 720px;margin: 0 auto 80px}
.section4 ul li{width: 200px;margin: 0 20px;float: left;text-align: center;color: #fff;line-height: 1.5}
.section4 ul li span{/* font-weight: 600; *//* color: #C94D52 */}
.section4 ul li img{display: block;margin: 0 auto 20px}
.section4 p{color: #fff;text-align: center;font-size: 18px;margin-bottom: 50px}
.section4 .popbtn{display: block;width: 538px;height: 69px;margin: auto;background: #c94d52;color: #fff;line-height: 69px;font-size: 19px;font-weight: bold}
.section4 .popbtn img{margin-top: -5px;margin-left: 5px}
.section4 .quickbtn{background: url(/include/img/section4/quick_btn.png) no-repeat center / contain;}

/* section5 */
.section5 h2{text-align: center;margin-bottom: 50px}
.section5 ul{width: 720px;margin: 0 auto 80px}
.section5 ul li{width: 200px;margin: 0 20px;float: left;text-align: center;color: #eff000;line-height: 1.5;font-weight: 400}
.section5 ul li img{display: block;margin: 0 auto 20px}
.section5 ul li span{font-weight: 600}
.section5 p{color: #fff;text-align: center;font-size: 18px;margin-bottom: 50px}
.section5 .popbtn{display: block;width: 538px;height: 69px;margin: auto;background: #C94D52;color: #fff;line-height: 69px;font-size: 19px;font-weight: bold}
.section5 .popbtn img{margin-top: -5px;margin-left: 5px}
.section5 .quickbtn{background: url(/include/img/section5/quick_btn.png) no-repeat center / contain;}

/* section6 */
.section6 h2{text-align: center;margin-bottom: 50px}
.section6 h3 {text-align: center; margin-bottom: 60px;}
.section6 ul{width: 720px;margin: 0 auto 30px; justify-content: center;}
.section6 ul.conList {max-width: 785px; margin-bottom: 60px; padding-left: 60px;}
.section6 ul li{margin: 0 20px;float: left;text-align: center;color: #fff;line-height: 1.5;font-weight: 400; }
.section6 ul.conList li { background-image: none; width: auto; height: auto; padding: 0; margin-right: calc(100% - 685px)}
.section6 ul li img{display: block;margin: 0 auto 20px}
.section6 ul li span{font-weight: 600;}
.section6 p{color: #fff;text-align: center;font-size: 18px;margin-bottom: 50px}
.section6 .popbtn{display: block;width: 538px;height: 69px;margin: auto;background: #213568;color: #fff;line-height: 69px;font-size: 19px;font-weight: bold}
.section6 .popbtn img{margin-top: -5px;margin-left: 5px}
.section6 .quickbtn{background: url(/include/img/section6/quick_btn.png) no-repeat center / contain;}

/* sectionadd1 */
.sectionadd1 h2{text-align: center;margin-bottom: 50px}
.sectionadd1 ul{width: 720px;margin: 0 auto 80px}
.sectionadd1 ul li{width: 200px;margin: 0 20px;float: left;text-align: center;color: #fff;line-height: 1.5;font-weight: 400}
.sectionadd1 ul li img{display: block;margin: 0 auto 20px}
.sectionadd1 ul li span{font-weight: 600}
.sectionadd1 p{color: #fff;text-align: center;font-size: 18px;margin-bottom: 50px}
.sectionadd1 .popbtn{display: block;width: 538px;height: 69px;margin: auto;background: #C94D52;color: #fff;line-height: 69px;font-size: 19px;font-weight: bold}
.sectionadd1 .popbtn img{margin-top: -5px;margin-left: 5px}
.sectionadd1 .quickbtn{background: url(/include/img/sectionadd1/quick_btn.png) no-repeat center / contain;}

/* section7 */
.section7 h2{text-align: center;margin-bottom: 50px}
.section7 ul.content{width: 1000px;margin: 0 auto 25px}
.section7 ul.content li{width: 450px;margin-right: 100px;float: left;text-align: center;color: #333;line-height: 1.5;font-weight: 400}
.section7 ul.content li:last-child{margin-right: 0}
.section7 ul.content li img{display: block;margin: 0 auto 20px}
.section7 ul.content li h4{font-size: 22px;text-align: left;font-weight: bold;padding-bottom: 5px;border-bottom: 3px solid #333;margin-bottom: 10px}
.section7 ul.content li p{color: #555;text-align: left;font-size: 16px;margin-bottom: 10px;line-height: 1.8;font-weight: 600;white-space: nowrap;}

.section7 .customer_list{width: 1040px;margin: auto}
.section7 .customer_list ul{}
.section7 .customer_list ul li{margin: 0 20px;background: #fff;padding: 20px 0 50px;position: relative;border-radius: 20px 20px 0 0;}
.section7 .customer_list ul li::before{content: '';display: none;width: 30px;height: 2px;background: #333;position: absolute;top: 35px;left: -10px}
.section7 .customer_list ul li table{width: 70%;margin: auto}
.section7 .customer_list ul li table tr th{text-align: left;font-weight: 600;font-size: 15px;line-height: 2}
.section7 .customer_list ul li table tr td{text-align: right}
.section7 .customer_list ul li h5{position: absolute;bottom: 0;left: 0;height: 35px;background: #c94d52;width: 100%;text-align: center;color: #fff;line-height: 35px;font-weight: 400;}
.section7 .customer_list ul li:nth-child(2n) h5{background: #213568}
/* .section7 .customer_list ul li h5.kind_color1{background: #3FA356} */
/* .section7 .customer_list ul li h5::before{content: '';display: inline-block;width: } */

.section7 .popbtn{display: block;width: 538px;height: 69px;margin: auto;background: #3FA356;color: #000;line-height: 69px;font-size: 17px}
.section7 .popbtn img{margin-top: -5px;margin-left: 5px}
.section7 .quickbtn{display: block;width: 241px;height: 241px;background: url(/include/img/section6/quick_btn.png) no-repeat center;border-radius: 50%;position: absolute;top: 200px;right: 100px}
.section7 .quickbtn span{font-size: 60px;color: #000;position: absolute;top: 95px;left: 20px;letter-spacing: -2px}

/* section8 */
.section8 article{width: 1100px;margin: auto}
.section8 article h2{margin-bottom: 50px}
.section8 article ul li{float: left;width: 346.66px;margin-right: 30px;margin-bottom: 80px;background: rgba(255,255,255,0.7);border-radius: 0 15px 0 15px;padding: 30px 0;box-sizing: border-box;}
.section8 article ul li:nth-child(3n){margin-right: 0}
.section8 article ul li:nth-child(4){clear: both}
.section8 article ul li:nth-child(4),
.section8 article ul li:nth-child(5),
.section8 article ul li:nth-child(6){margin-bottom: 0}
.section8 article ul li img{margin-bottom: 5px;display: none}
.section8 article ul li h4{color: #213568;font-size: 24px;line-height: 1;white-space: nowrap;text-align: center;font-weight: 600;font-family: 'score5', sans-serif;margin-bottom: 20px;}
.section8 article ul li p{color: #2c2c2c;line-height: 1.6;font-family: 'score5', sans-serif;text-align: center;}
.section8 article .go_btn{position: absolute;bottom: 0px;right: 0px}

/* section9 */
.section9 article{width: 800px;margin: auto}
.section9 article h2{margin-bottom: 40px}
.section9 article .go_btn{position: absolute;bottom: 80px;right: 80px}
.section9 article .brand_video{margin: auto}

/* section10 */
.section10 article h2{text-align: center;margin-bottom: 70px}
.section10 article .alone_slide{width: 840px;margin: auto;}
.section10 article .alone_slide ul{}
.section10 article .alone_slide ul li{width: 400px;margin: 20px;box-sizing: border-box;border: 1px solid #999;height: 400px;position: relative}
.section10 article .alone_slide ul li div{background: #fff;}
.section10 article .alone_slide ul li div.alone_top{background: #ECECEC;height: 100px;color: #333;box-sizing: border-box;position: relative;padding-top: 25px}
.section10 article .alone_slide ul li div.alone_top h4{width: 90%;margin: auto;overflow: hidden;white-space: pre;text-overflow: ellipsis;font-weight: 400;font-size: 17px}
.section10 article .alone_slide ul li div.alone_top .alone_logo{width: 100px;display: block;position: absolute;bottom: 10px;right: 30px}
.section10 article .alone_slide ul li div.alone_top .alone_logo img{width: 100%}
.section10 article .alone_slide ul li div.alone_top::after{content: '';display: block;width: 85%;height: 1px;background: #666;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.section10 article .alone_slide ul li div.alone_content{height: calc(100% - 100px);position: relative;box-sizing: border-box;padding: 20px 20px;overflow: hidden;text-overflow: ellipsis}
.section10 article .alone_slide ul li div.alone_content p{font-size: 15px;line-height: 1.5;font-weight: 300;color: #555}
.section10 article .alone_slide ul li div.alone_content .alone_plus{display: block;width: 25px;height: 25px;border: 1px solid #ccc;text-align: center;line-height: 25px;font-weight: 300;font-size: 18px;position: absolute;bottom: 20px;right: 20px}
.section10 article .alone_slide ul li .alone_link{display: none;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,.7);}
.section10 article .alone_slide ul li .alone_link .link_plus{font-size: 20px;color: #fff;border: 2px solid #fff;border-radius: 50%;text-align: center;width: 40px;height: 40px;line-height: 40px;display: block;font-size: 30px;position: absolute;top: 170px;left: 50%;transform: translateX(-50%)}
.section10 article .alone_slide ul li .alone_link .link_plus::after{content: '';display: block;width: 3px;height: 23px;background: #fff;position: absolute;bottom: -15px;right: -5px;transform: rotate(-45deg)}
.section10 article .alone_slide ul li .alone_link .link_txt{color: #fff;display: block;position: absolute;top: 230px;left: 50%;transform: translateX(-50%);}
.section10 article .slick-prev{left: -60px}
.section10 article .slick-next{right: -60px}
.section10 article .slick-prev, .section10 article .slick-next{width: 44px;height: 81px;opacity: .5}
.section10 article .slick-prev:hover, .section10 article .slick-next:hover{opacity: 0.7}
.section10 article .slick-prev{background: url(/include/img/section10/left.png) no-repeat}
.section10 article .slick-next{background: url(/include/img/section10/right.png) no-repeat}
.section10 article .go_btn{position: absolute;bottom: 80px;right: 80px}

/* section11 */
.section11{overflow: auto}
.section11 article{width: 1200px;margin: auto}
.section11 article h2{margin-bottom: 50px}
.section11 article .info_list{margin-bottom: 40px}
.section11 article .info_list li{float: left;width: 180px;margin-left: 75px}
.section11 article .info_list li:first-child{margin-left: 0}
.section11 article .info_list li h4{font-size: 19px;font-weight: bold;line-height: 1.4;}
.section11 article .info_list li img{margin-bottom: 5px}
.section11 article .info_list li p{font-size: 15px;font-weight: normal;line-height: 1.5}
.section11 article .lastform{background: #f4dbdc;height: 260px}
.section11 article .lastform>div{float: left}
.section11 article .lastform .leftDiv{width: 45%;text-align: center;box-sizing: border-box;padding-top: 40px}
.section11 article .lastform .leftDiv img{}
.section11 article .lastform .rightDiv{width: 55%;box-sizing: border-box;padding: 30px 50px 30px 0;height: 100%}
.section11 article .lastform .rightDiv ul{display: flex;flex-wrap: wrap;}
.section11 article .lastform .rightDiv ul li{margin-bottom: 20px;width: 49%;margin-right: 2%;}
.section11 article .lastform .rightDiv ul li:nth-child(2n){margin-right: 0;}
.section11 article .lastform .rightDiv ul li input{width: 100%;border: none;border-bottom: 1px solid #333;background: none;height: 50px;line-height: 50px;font-size: 18px;outline: none;color: #333}
.section11 article .lastform .rightDiv .form_bottom{text-align: right}
.section11 article .lastform .rightDiv .form_bottom *{display: inline-block;vertical-align: bottom;}
.section11 article .lastform .rightDiv .form_bottom #partner_agree{display: none}
.section11 article .lastform .rightDiv .form_bottom label[for='partner_agree']{font-size: 13px;font-weight: 600;vertical-align: bottom;background: url(/include/img/section11/chk.png) no-repeat center;width: 16px;height: 15px;background-size: 100% auto}
.section11 article .lastform .rightDiv .form_bottom label[for='partner_agree'].off{background-image: url(/include/img/section11/unchk.png)}
.section11 article .lastform .rightDiv .form_bottom a{font-size: 13px;font-weight: 600;vertical-align: bottom;margin-right: 10px;margin-right: 10px}
.section11 article .lastform .rightDiv .form_bottom #partner_ok{background: url(/include/img/section11/submit_btn.png) no-repeat center;background-size: 100% 100%;width: 236px;height: 50px;border: none;color: #fff}
.section11 article.footer{text-align: left;position: absolute;bottom: 0;left: 50%;transform: translate(-50%,0);padding-bottom: 20px;background: #fff;}
.section11 article.footer .inner{position: relative;}
.section11 article.footer ul li{display: inline-block;margin: 50px 10px 10px;font-size: 14px;opacity: 0.9}
.section11 article.footer ul li:first-child{
	margin-left: 0;
}
.section11 article.footer ul li:hover{opacity: 1}
.section11 article.footer .fTxt{font-size: 13px;color: #666;margin-bottom: 10px}
.section11 article.footer address{opacity: 0.5;font-size: 13px}

.adjob{
	text-align: center;
	position: absolute;
	top: 55%;
	right: 0;
	transform: translate(0,-50%);
}

.adjob img{
	width: 70px;
}

.adjob a{
	display: block;
	width: 100px;
	text-align: center;
	font-size: 13px;
	height: 30px;
	line-height: 30px;
	margin: 10px auto 0;
	background: #f8f8f8;
	border: 1px solid #eee;
}

.adjob a b{
	font-size: 0.2em;
	color: #777;
}

.adjob span{
	font-size: 12px;
}

.pop_info_bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.7);display: none}
.pop_info{position: absolute;bottom: -100%;left: 50%;transform: translateX(-50%);background: #fff;width: 570px;height: 250px;box-sizing: border-box;padding: 40px;}
.pop_info p{text-align: left;color: #666}
.pop_info p span{display: inline-block;width: 200px;line-height: 2.2;font-size: 16px;color: #c94d52;font-weight: 600}
.pop_info button{position: absolute;top: 15px;right: 15px;}
.pop_info button img{width: 20px;opacity: 0.7}

/* animation on */
.ani1{transform: translateY(30px);opacity: 0;transition: all 1s;}
.ani1.aniOn{transform: translateY(0px);opacity: 1;}
.ani2{transform: translateY(50px);opacity: 0;transition: all 1s;}
.ani2.aniOn{transform: translateY(0px);opacity: 1;}
.ani3{transform: translateX(-50px);opacity: 0;transition: all 1.5s;}
.ani3.aniOn{transform: translateX(0px);opacity: 1;}


/* 견적문의 팝업1 */
.pop1{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.7);display: none;z-index: 10}
.pop1 .pop1_bg{width: 100%;height: 100%;position: absolute;left: 0;right: 0;top:0;bottom: 0}
.pop1 .popcon{width: 1400px;height: 100%;background: #fff;position: absolute;top: 0;right:-100%;overflow: auto}
.pop1 .pop1_close{width: 70px;height: 70px;background: #c94d52;position: absolute;top: 105px;left: 45px;border-radius: 50%;overflow: hidden;outline: none}
.pop1 .pop1_close img{margin-left: -70px;transition: all 0.3s}
.pop1 .pop1_close:hover img{margin-left: -30px;}
.pop1 .inner{width: 1000px;margin: 90px auto 0;height: calc(100% - 90px)}
.pop1 .inner .title{font-size: 45px;text-align: center;font-weight: 400;margin-bottom: 60px}
.pop1 .inner .title span{font-size: 24px;font-weight: 100;margin-bottom: 15px;display: inline-block}
.pop1 .inner .title p{position: relative;display: inline-block}
.pop1 .inner .title p::after{content: '';display: block;width: 7px;height: 7px;border-radius: 50%;background: #c94d52;position: absolute;top: 0px;right: -10px}

.pop1 .inner .contop{overflow: hidden;margin-bottom: 35px}
.pop1 .inner .contop p{display: inline-block;line-height: 1.5;color: #3fa356;background: url(/include/img/pop1_car_icon.png) no-repeat left center;padding-left: 35px;font-size: 15px}
.pop1 .inner .contop ul.division{display: inline-block;float: right}
.pop1 .inner .contop ul.division li{display: inline-block;line-height: 1.5;margin-left: 20px}
.pop1 .inner .contop ul.division li a{font-size: 14px}
.pop1 .inner .contop ul.division li.on{border-bottom: 2px solid #c94d52}
.pop1 .inner .contop ul.division li.on a{color: #c94d52}

.pop1 .inner .car_kind_list{overflow: hidden}
.pop1 .inner .car_kind_list li{float: left;width: 311px;height: 263px;margin-right: 33.5px;margin-bottom: 30px;cursor: pointer}
.pop1 .inner .car_kind_list li:nth-child(3n){margin-right: 0}
.pop1 .inner .car_kind_list li label{display: block;width: 100%;height: 100%;position: relative;cursor: pointer}
.pop1 .inner .car_kind_list li label input{position: absolute;z-index: 10;opacity: 0}
.pop1 .inner .car_kind_list li img{position: absolute;left: 0;top: 0;}
.pop1 .inner .car_kind_list li .car_info{position: absolute;bottom: 0;left: 0;text-align: center;width: 100%;}
.pop1 .inner .car_kind_list li .car_info h5{color: #fff;margin-bottom: 10px;font-size: 18px}
.pop1 .inner .car_kind_list li .car_info h5 span{color: #eff000;font-weight: 400}
.pop1 .inner .car_kind_list li .car_info p{color: #fff;font-size: 15px;margin-bottom: 20px}

.pop1 .inner .pop1_formlist{width: 522px;height: 790px;position: fixed;top: 50%;transform: translateY(-50%);right: 300px;background: #fff;box-shadow: 1px 1px 5px rgba(0,0,0,.3);display: none}
.pop1 .inner .pop1_formlist .formlist_top{background: #f4dbdc;text-align: center;height: 180px;box-sizing: border-box;padding-top: 40px;position: relative}
.pop1 .inner .pop1_formlist .formlist_top h4{font-size: 28px;font-weight: 300;margin-bottom: 15px}
.pop1 .inner .pop1_formlist .formlist_top .car_title{color: #c94d52;font-weight: bold;font-size: 20px;position: relative;display: inline-block}
.pop1 .inner .pop1_formlist .formlist_top .car_title::before{content: '';display: block;position: absolute;top: 50%;transform: translateY(-50%);background: #fff;width: 100%;height: 10px}
.pop1 .inner .pop1_formlist .formlist_top .car_title span{position: relative;z-index: 10}
.pop1 .inner .pop1_formlist .formlist_top .car_subtitle{font-size: 20px;font-weight: 300;margin-top: 15px}
.pop1 .inner .pop1_formlist .formlist_top .pop1_formlist_close{position: absolute;top: 10px;right: 10px}
.pop1 .inner .pop1_formlist .formlist_top .pop1_formlist_close img{width: 25px;height: 25px}
.pop1 .inner .pop1_formlist .formlist_top::after{content: '';display: block;width: 80%;height: 2px;background: #333;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%)}
.pop1 .inner .pop1_formlist .formlist_content{width: 80%;margin: auto;box-sizing: border-box;padding-top: 20px}
.pop1 .inner .pop1_formlist .formlist_content>span{text-align: center;font-size: 17px;display: block;width: 100%}
.pop1 .inner .pop1_formlist .formlist_content>p{text-align: center;font-size: 20px;margin: 10px 0 25px}
.pop1 .inner .pop1_formlist .formlist_content>p>strong{color: #ed1c24;font-weight: 400}

.pop1_check li.inputout{height: 50px}
.pop1_check li.inputout>span{color: #959595;margin-right: 20px}
.pop1_check li.inputout>input{position: fixed;top: -99999px}
.pop1_check li.inputout>label{background: url(/include/img/pop1_radio_off.png) no-repeat left center;padding-left: 25px;margin-right: 10px}
.pop1_check li.inputout>label.on{background-image: url(/include/img/pop1_radio_on.png)}
.pop1_check li input[type='text']{background: none;border: none;border-bottom: 1px solid #333;width: 100%;height: 50px;text-indent: 10px;font-size: 16px;outline: none}
.pop1_check li input[type='tel']{background: none;border: none;border-bottom: 1px solid #333;width: 100%;height: 50px;text-indent: 10px;font-size: 16px;outline: none}
.pop1_check li input[type='text']:focus{border-bottom: 1px solid #333;}
.pop1_check li input[type='tel']:focus{border-bottom: 1px solid #333;}
.pop1_check li input[type='text']::placeholder{font-size: 16px;}
.pop1_check li input[type='tel']::placeholder{font-size: 16px;}
.pop1_check li select{height: 50px;background: none;border: none;border-bottom: 1px solid #333;color: #666;width: 48%}
.pop1_check li select:last-child{float: right}
.pop1_check li label[for='pop1_agree']{width: auto;margin-right: 5px;font-weight: 400;background: url(/include/img/pop1_agree_off.png) no-repeat left center;padding-left: 25px;cursor: pointer;line-height: 50px;color: #333}
.pop1_check li label[for='pop1_agree'].on{background-image: url(/include/img/pop1_agree_on.png)}
.pop1_check li #pop1_agree{position: fixed;left: -9999px}
.pop1_check li .pop2_submit{margin-top: 15px;border: none;width: 100%;height: 50px;background: #c94d52;color: #fff}


/* 견적문의 팝업2 */
.pop2{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.7);display: none;z-index: 10;}
.pop2 .pop2_bg{width: 100%;height: 100%;position: absolute;left: 0;right: 0;top:0;bottom: 0}
.pop2 .popcon{width: 895px;height: 789px;background: url(/include/img/pop2_bg.png) no-repeat center / cover;position: absolute;top: 50%;left: 150%;transform: translate(-50%,-50%)}
.pop2 .popcon.on{left: 50%;}
.pop2 .popcon .inner{width: 100%;height: 100%;box-sizing: border-box;vertical-align: middle;position: relative;padding: 70px 140px;}
.pop2 .popcon .inner h3{font-size: 28px;color: #fff;font-weight: 100;line-height: 1.5;margin-bottom: 20px}
.pop2 .popcon .inner h3 .bold{font-family: 'score4', sans-serif;}
.pop2 .popcon .inner h3 .black{font-family: 'score5', sans-serif;}
.pop2 .popcon .inner h3 .orange{color: #ff6000}
.pop2 .popcon .inner h3 .underline{text-decoration: underline;}
.pop2 .popcon .inner h3 p{font-size: 20px;}
.pop2 .popcon .inner h3 p span{font-size: 16px}

.pop2 .popcon .inner .pop2_step_pager{width: 530px;text-align: right;margin-bottom: 20px}
.pop2 .popcon .inner .pop2_step_pager li{display: inline-block;}
.pop2 .popcon .inner .pop2_step_pager li a{color: #fff;display: inline-block;margin-left: 5px;font-size: 14px;line-height: 1.7;padding: 0 10px;}
.pop2 .popcon .inner .pop2_step_pager li.on a{color: #ff6000;border: 1px solid #ff6000;border-radius: 20px;}

.pop2 .popcon .inner .pop2_step_list{width: 530px;overflow: hidden}
.pop2 .popcon .inner .pop2_step_list>ul{width: 1060px;position: relative}
.pop2 .popcon .inner .pop2_step_list>ul>li{width: 530px;box-sizing: border-box;}
.pop2 .popcon .inner .pop2_step_list>ul>li:nth-child(1){float: left}
.pop2 .popcon .inner .pop2_step_list>ul>li:nth-child(2){float: right;background: rgba(255,255,255,0.1);padding: 20px 50px;}

.pop2 .popcon .inner .car-brand-list{overflow: hidden;width: 530px;padding-top: 50px}
.pop2 .popcon .inner .car-brand-list li{float: left;width: 115px;height: 37px;margin-right: 20px;margin-bottom: 15px;position: relative;}
.pop2 .popcon .inner .car-brand-list li label::after{content: '';display: block;position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;border: 2px solid #eff000;opacity: 0;transition: all 0.3s;box-sizing: border-box;background: transparent}
.pop2 .popcon .inner .car-brand-list li label:hover::after{opacity: 1}
.pop2 .popcon .inner .car-brand-list li:nth-child(4n){margin-right: 0}
.pop2 .popcon .inner .car-brand-list li input{position: absolute;left: -9999px}
.pop2 .popcon .inner .car-brand-list li label{cursor: pointer;width: 115px;height: 37px;display: block;}
.pop2 .popcon .inner .car-brand-list li label img{width: 115px;height: 37px}
.pop2 .popcon .inner .bottom_text{font-size: 22px;text-align: center;width: 530px;color: #fff;line-height: 1.7;margin-top: 50px;font-weight: 300}
.pop2 .popcon .inner .bottom_text strong{font-family: 'score5', sans-serif;}
.pop2 .leftbox{width: 300px;height: 400px;position: absolute;top: 50%;transform: translateY(-50%);left: -150px;background: url(/include/img/car_bg.png) no-repeat right bottom 40px #c94d52;border-radius: 20px;box-shadow: 6px 7px 10px rgba(0,0,0,0.2);box-sizing: border-box;padding: 30px}
.pop2 .leftbox span{display: block;text-align: right;color: #eff000;font-weight: 100}
.pop2 .leftbox h4{margin-top: 30px;color: #fff;font-size: 22px;line-height: 1.7;font-weight: 300}

.pop2_check li{height: 50px;background: none}
.pop2_check li span{display: inline-block;color: #fff;font-size: 14px;margin-right: 20px}
.pop2_check li.inputout{height: 30px;line-height: 30px;margin-bottom: 5px}
.pop2_check li.inputout input{position: fixed;left: -9999px}
.pop2_check li input[type='text']{border: none;background: none;border-bottom: 1px solid #fff;width: 100%;height: 40px;line-height: 40px;outline: none;color: #fff;font-size: 14px}
.pop2_check li input[type='tel']{border: none;background: none;border-bottom: 1px solid #fff;width: 100%;height: 40px;line-height: 40px;outline: none;color: #fff;font-size: 14px}
.pop2_check li input[type='text']::placeholder{font-size: 14px;color: rgba(255,255,255,0.7);font-weight: 100}
.pop2_check li input[type='tel']::placeholder{font-size: 14px;color: rgba(255,255,255,0.7);font-weight: 100}
.pop2_check li label{margin-right: 15px;color: #fff;font-weight: 100;background: url(/include/img/pop2_raido_off.png) no-repeat left center / 15px 15px;padding-left: 20px;cursor: pointer;font-size: 14px;}
.pop2_check li label:first-of-type{display: inline-block;width: 60px}
.pop2_check li label.on{background-image: url(/include/img/pop2_radio_on.png)}
.pop2_check li select{background: none;border: none;border-bottom: 1px solid #fff;height: 40px;line-height: 40px;color: rgba(255,255,255,0.7);width: 49%;outline: none;font-size: 14px;}
.pop2_check li select{
    -webkit-appearance: none; /* 네이티브 외형 감추기 */ 
    -moz-appearance: none; 
    appearance: none;
     background: url(/include/img/pop2_select.png) no-repeat 95% 50%; /* 화살표 모양의 이미지 */ 
} 
.pop2_check li select:nth-child(1){float: left}
.pop2_check li select:nth-child(2){float: right}
.pop2_check li select option{color: #333;font-size: 14px}
.pop2_check li label[for='pop2_agree']{width: auto;margin-right: 5px;color: #fff;font-weight: 100;background: url(/include/img/pop2_agree_off.png) no-repeat left center;padding-left: 25px;cursor: pointer;line-height: 50px}
.pop2_check li label[for='pop2_agree'].on{background-image: url(/include/img/pop2_agree_on.png)}
.pop2_check li #pop2_agree{position: fixed;left: -9999px}
.pop2_check li a{color: #fff;font-size: 12px;font-weight: 100}
.pop2_check li input.pop2_submit{background: #213568;border: none;color: #fff;width: 100%;height: 50px;line-height: 50px;outline: none;font-size: 15px;cursor: pointer;font-family: 'score3', sans-serif;}

.pop2 .pop2_back{position: absolute;top: 63px;right: 0px;width: 70px;height: 100px;text-indent: -9999px;}

.pop2 .popcon .common_info{position: absolute;right: 25px;top: 50%;transform: translateY(-50%)}
.pop2 .popcon .common_info>li{display: inline-block;vertical-align: middle}
.pop2 .popcon .common_info>li:first-child{vertical-align: top;margin-top: 10px}
.pop2 .popcon .common_info>li:last-child{vertical-align: top}
.pop2 .popcon .common_info>li ol{}
.pop2 .popcon .common_info>li ol li{line-height: 1.4;padding-left: 10px;margin-bottom: 127px;position: relative}
.pop2 .popcon .common_info>li ol li::before{width: 30px;height: 30px;content: '';display: block;position: absolute;top: -40px;left: 0;background-repeat: no-repeat;background-size: contain}
.pop2 .popcon .common_info>li ol li:nth-child(1)::before{background-image: url(/include/img/main_est_icon1.png)}
.pop2 .popcon .common_info>li ol li:nth-child(2)::before{background-image: url(/include/img/main_est_icon2.png)}
.pop2 .popcon .common_info>li ol li:nth-child(3)::before{background-image: url(/include/img/main_est_icon3.png)}
.pop2 .popcon .common_info>li ol li:nth-child(4)::before{background-image: url(/include/img/main_est_icon4.png)}
.pop2 .popcon .common_info>li ol li:last-child{margin-bottom: 0}
.pop2 .popcon .common_info>li ol li h5{font-weight: 400;font-size: 14px}
.pop2 .popcon .common_info>li ol li p{font-weight: 300;font-size: 12px}