/* visual */
.danche_visual{position:relative; width:100%; height:1130px; background-size: cover; background-position:50%;}
.danche_visual .inr{position:relative; height:1130px; margin:0 auto;}
.danche_visual .inr .main_title{ position:absolute; top:200px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); letter-spacing:-0.075em; text-align:center; width:90vw;}

.danche_visual .main_title em{font-size:26px; font-weight:300; color:#3a3a3a;}
.danche_visual .main_title em span{font-weight:700;}
.danche_visual .main_title h2{font-size:100px; font-family:'GongGothicLight', 'GmarketSansMedium'; color:#f26722; word-break: keep-all; line-height:1.1;}
.danche_visual .main_title h2 span{color:#71a80c;}
.danche_visual .main_title p{font-size:36px; font-family:'GongGothicLight', 'GmarketSansLight'; color:#404040; word-break:keep-all;}
.danche_visual .main_title p br{display:none;}

.circle_inquiry{ position:absolute; right:0; bottom:140px; width:327px; height:327px; display:flex; justify-content:center; align-items:center; background:url(../images/main/circle_inquiry.png); background-size:contain;}
.circle_inquiry .circle_line{ width:297px; height:297px; border-radius:50%; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50%; display:flex; justify-content:center; align-items:center; flex-direction:column; text-align:center; color:#fff; border:solid 4px #fff;}
.circle_inquiry .circle_line em{font:700 54px/0.9 'Rubik', sans-serif; letter-spacing:-0.05em; position:relative; text-shadow:3px 3px 5px #ac7f20;}
.circle_inquiry .circle_line em span{font:400 40px 'NanumSquare'; position:relative; top:-7px; left:5px;}
.circle_inquiry .circle_line p{font-weight:300; letter-spacing:-0.075em; line-height:1.2; font-size:18px; padding-top:15px;}

/* content01 */
article.content01{background:#ffe0b9; letter-spacing:-0.05em;}
article.content01 .inr{width:1048px;}
article.content01 h3{color:#303030; font-size:40px; line-height:1.1; font-family:'GongGothicLight', 'GmarketSansLight'; padding-bottom:60px;}
article.content01 h3 span{color:#f26722; font-family:'GongGothicLight', 'GmarketSansMedium';}

article.content01 .circle{position:relative; background:#fff; width:320px; height:0; box-sizing:border-box; padding-bottom:320px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; letter-spacing:-0.075em;}
article.content01 .circle img{ position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-75%); -webkit-transform:translateX(-50%) translateY(-75%); -moz-transform:translateX(-50%) translateY(-75%); -ms-transform:translateX(-50%) translateY(-75%); -o-transform:translateX(-50%) translateY(-75%); }
article.content01 .circle span{ width:100%; color:#303030; font-size:28px; font-family:'GongGothicLight', 'GmarketSansMedium'; position:absolute; bottom:20%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); line-height:1.1333;}
article.content01 li:nth-child(4) .circle span{bottom:15%;}
article.content01 ul li{text-align:center; width:320px; margin-right:44px; float:left;}
article.content01 ul li:nth-child(3n){margin-right:0;}
article.content01 ul li p{color:#505050; line-height:1.3333; padding:25px 0 55px;}

/* content02 */
article.content02{letter-spacing:-0.075em; color:#303030; text-align:center;}
article.content02 .title em{font-size:32px;}
article.content02 .title h3{font-size:50px; font-family:'GongGothicLight', 'GmarketSansMedium';}
article.content02 .title h3 span{color:#71a80c;}

article.content02 img{width:100%;}
article.content02 h6{padding:55px 0 40px; font-size:50px; font-family:'NanumSquare'; }
article.content02 h6 span{font-size:52px; width:100%; font-family:'GongGothicLight', 'GmarketSansMedium';color:#82451e;}
article.content02 .inr > p{font-family:'Nanum Myeongjo'; font-size:24px; line-height:1.4;}
article.content02 .inr > p.text02{padding-bottom:40px;}
article.content02 .inr > p.text02 span{color:#f26722; font-weight:700;}

article.content02 .circle{position:relative; background:#86b530; width:276px; height:0; box-sizing:border-box; padding-bottom:276px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; letter-spacing:-0.075em; color:#fff;}
article.content02 .circle_line{ position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); width:90%; height:90%; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; letter-spacing:-0.075em; border:solid 4px #fff; -webkit-transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); -o-transform:translateX(-50%) translateY(-50%); }
article.content02 .circle img{ width:auto; height:40%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-80%); -webkit-transform:translateX(-50%) translateY(-80%); -moz-transform:translateX(-50%) translateY(-80%); -ms-transform:translateX(-50%) translateY(-80%); -o-transform:translateX(-50%) translateY(-80%); }
article.content02 .circle span{ width:100%; font-size:21px; font-family:'GongGothicLight', 'GmarketSansMedium'; position:absolute; bottom:15%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); line-height:1.1333;}

article.content02 ul{width:1044px; margin:0 auto; padding:60px 0;}
article.content02 ul li{margin-right:108px; width:276px; float:left;}
article.content02 ul li:last-child .circle img{left:53%;}
article.content02 ul li:last-child .circle span{bottom:20%;}
article.content02 ul li:nth-child(3n){margin-right:0;}
article.content02 ul li p{color:#707070; line-height:1.75; padding-top:20px;}

/* content03 */
article.content03{background:url(../images/main/img_content03_bg.jpg) no-repeat 50%; padding:80px 0; letter-spacing:-0.075em; color:#fff; text-align:center;}
article.content03 h6{font:700 28px 'NanumSquare';}
article.content03 p{font-weight:300; font-size:18px; padding:5px 0 15px;}
article.content03 a{width:142px; display:block; padding:8px 20px; font:700 18px 'NanumSquare'; border:solid 1px #fff; color:#fff; margin:0 auto;}


@media all and (max-width:1080px){
  .danche_visual{background-repeat:no-repeat; background-size:contain; background-position:100% 100%;}
	.danche_visual,
  .danche_visual .inr{height:800px;}
  .danche_visual .main_title p{font:300 24px 'Noto Sans KR';}

  .circle_inquiry{bottom:40px; width:200px; height:200px;}
  .circle_inquiry .circle_line{width:180px; height:180px;}
  .circle_inquiry .circle_line em{font-size:32px; letter-spacing:-0.05em;}
  .circle_inquiry .circle_line em span{font-size:28px; top:-3px; left:3px;}
  .circle_inquiry .circle_line p{font-size:16px; padding-top:15px;}
  .circle_inquiry .circle_line p span{display:none;}

  article.content01 .inr,
  article.content02 .inr{width:90%;}

  article.content01 h3{font-size:28px;}
  article.content01 .circle{width:100%; padding-bottom:100%; box-sizing:border-box;}
  article.content01 ul li{width:30%; box-sizing:border-box; margin-right:5%;}
  article.content01 .circle img{max-width:65%; max-height:43%;}
  article.content01 .circle span{font-size:21px;}

  article.content02 .title em{font-size:21px;}
  article.content02 .title h3{font-size:36px; font-family:'GongGothicLight', 'GmarketSansMedium';}
  article.content02 h6{padding:30px 0 5px; font-size:36px;}
  article.content02 h6 span{font-size:38px; width:100%;}
  article.content02 .inr > p{font-size:18px; line-height:1.4;}
  article.content02 .inr > p.text02{padding-bottom:30px;}

  article.content02 .circle{position:relative; background:#86b530; width:100%; height:0; padding-bottom:100%;}
  article.content02 .circle_line{ width:90%; height:90%;}
  article.content02 .circle span{font-size:18px; font-family:'GongGothicLight', 'GmarketSansLight';}
  article.content02 ul{width:100%; padding:40px 0;}
  article.content02 ul li{margin-right:9.5%; width:27%;}
  article.content02 ul li:last-child .circle img{left:53%;}
  article.content02 ul li:last-child .circle span{bottom:20%;}
  article.content02 ul li:nth-child(3n){margin-right:0;}
  article.content02 ul li p{color:#707070; line-height:1.75; padding-top:20px;}
}

@media all and (max-width:767px){
  .danche_visual .main_title h2{font-size:72px;}
  .danche_visual,
  .danche_visual .inr{height:700px;}
  .danche_visual{background-size:150%; background-position:30% 100%;}
  
  article.content01 .inr{width:90%;}
  article.content01 h3{font-size:24px; padding-bottom:30px;}
  article.content01 .circle span{bottom:15%; font-size:17px;}
  article.content01 ul li p{word-break:keep-all; padding:15px 0 30px;}
  article.content01 ul li p br{display:none;}
  article.content01 li:nth-child(4) .circle span{bottom:10%;}

  article.content02 .circle span{font-size:16px; font-family:'Noto Sans KR';}

  article.content03{padding:60px 0;}
  article.content03 h6{font-size:24px;}
  article.content03 p{font-size:16px; word-break: keep-all;}
}

@media all and (max-width:600px){
  .danche_visual,
  .danche_visual .inr{height:500px;}
  .danche_visual .main_title h2{font-size:40px;}
  .danche_visual .main_title p{line-height:1.2; font-size:16px; padding-top:20px; color:#000;}
  .danche_visual .main_title p br{display:block;}

  .circle_inquiry{bottom:10px; width:140px; height:140px;}
  .circle_inquiry .circle_line{width:120px; height:120px; border:solid 2px #fff;}
  .circle_inquiry .circle_line em{font-size:23px;}
  .circle_inquiry .circle_line em span{font-size:18px; top:-1px; left:2px;}
  .circle_inquiry .circle_line p{font-size:14px; padding-top:5px; width:80%;}

  article.content01 h3{font-size:21px; word-break: keep-all;}

  article.content01 li:nth-child(4) .circle span,
  article.content01 .circle span{font-size:15px; bottom:auto; top:110%; word-break: keep-all; width:100%; font-family:'Noto Sans KR';}
  article.content01 ul li{padding-bottom:60px;}
  article.content01 ul li p{display:none;}
  article.content01 .circle img{max-width:65%; max-height:50%; transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); -o-transform:translateX(-50%) translateY(-50%); }

  article.content02 h6{font-size:24px;}
  article.content02 h6 span{font:900 26px 'NanumSquare';}

  article.content02 .circle img{ transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); -o-transform:translateX(-50%) translateY(-50%); }
  article.content02 .circle span{position:absolute; bottom:auto; top:120%; color:#303030; }
  article.content02 .circle_line{ width:90%; height:90%; border:solid 2px #fff; word-break: keep-all;}
  article.content02 ul li p{display:none;}
  article.content02 ul li{padding-bottom:70px;}

  article.content02 .inr > p{font-size:16px; word-break: keep-all;}
  article.content02 .inr > p br{display:none;}

  article.content03{padding:40px 0;}
}


@media all and (max-width:480px){
  article.content01 h3{font-size:18px;}
  
  article.content02 .inr > p.text02{padding-bottom:10px;}
  article.content03 p{font-size:14px;}

}

@media all and (max-width:420px){
  
}