@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@100;300;400;700;800&family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css'); /*300,400,700,800*/

/* 초기화 */
html {
	font-size: 62.5%;
  }
body {margin:0px 0px;padding:0px 0px;font-family: 'Noto Sans KR', 'NanumSquare', sans-serif;font-weight:400;font-style: normal;color:#333;font-size:15px;box-sizing:border-box;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0px;padding:0px;border:0px}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
legend {position:absolute;font-size:0px;line-height:0px;text-indent:-9999em;overflow:hidden}
input {margin:0px;padding:0px;}
button {margin:0px;padding:0px;border:none;background:none;}
button, input[type=submit] {cursor:pointer}
select {margin:0px;background:none}
p {margin:0px;padding:0px;word-break:break-all}
pre {overflow-x:scroll;}
a {color:inherit;text-decoration:none}
a:visited {color:inherit;text-decoration:none}
a,img,input, a:active {outline:none;} 
ul,li,dl,dt,dd{padding:0px;margin:0px;list-style:none;box-sizing:border-box;}
img{margin:0px;padding:0px;image-rendering: -webkit-optimize-contrast;}
div {margin:0px;padding:0px;box-sizing:border-box;}

select { appearance: none; -webkit-appearance: none;} /* select box style 초기화 */
select::-ms-expand { display:none; }

input[type="radio"]{ -webkit-appearance: radio;} /* 크롬에서 라디오버튼 보이게 */

*, :after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*.png24 {tmp:expression(setPng24(this));}*/
*{-webkit-text-size-adjust:none}


/* 23.06.01 */
.banner {
	width: 100%;
	height: 322px;
	background: url("../img/promotion/banner.png") center
	  no-repeat;
	background-size: cover;
  }

  section {
	padding: 50px 0;
  }

  .w1280 {
	width: 95%;
	min-width:375px;
	padding: 0 5px;
	margin: auto;
	text-align: center;
  }

  .tit {
	text-align: center;
  }

  .cont {
	margin-top: 50px;
  }

  body section .box {
	margin-bottom: 30px !important;
	border-radius: 30px;
	max-width: 380px;
  }

  .clear {
	clear: both;
  }

  /* sec1 */
  .section1 .box {
	width: 48%;
    float: left;
    margin-right: 4%;
	max-width: inherit;
  }

  .section1 .box:nth-child(2n) {
	margin-right: 0;
  }

  .section1 .box:nth-child(n + 5) {
	margin-bottom: 0;
  }

  .section1 .box p {
	font-size: 1.7rem;
	padding-top: 10px;
	line-height: 2rem;
  }

  /* section2 */
  .section2 {
	background: url("../img/promotion/sec2_bg.png") center
	  no-repeat;
	background-size: cover;
	margin-top: -60px;
	padding-top: 95px;
  }

  /* section3 */
  .section3 {
	background-color: #f5f5f5;
  }

  .section3 .box {
	text-align: left;
	margin: 0 auto;
	width: 100%;
	padding: 20px;
	background-color: #fff;
	border: 2px solid #000;
	box-shadow: 5px 5px 1px #000;
	border-radius: 10px;
  }

  .section3 .box:last-child {
	margin-bottom: 0;
  }

  .section3 .bt {
		display: block;
		background-color: #ffcc37;
		font-size: 1.6rem;
		font-weight: 600;
		padding: 10px 0;
		margin: 20px auto 0;
		max-width: 350px;
  }

  /* section4 */
  .section4 .box {
	position: relative;
	width: 100%;
	margin: auto;
	background-color: #f5f5f5;
	border: 1px solid #e0e0e0;
	text-align: left;
	padding: 20px 30px 20px 20px;
  }

  .section4 .box img:first-child {
	width: 128px;
  }

  .section4 .box .num {
	position: absolute;
	width: 50px;
	top: -7px;
	left: 35px;
  }

  .section4 .box p {
	float: right;
    font-size: 1.7rem;
    text-align: center;
    margin-top: 35px;
  }

  /* section5 */
  .section5 {
	background-color: #000;
	text-align: center;
  }

  .section5 .cont img,
  .section6 .cont img {
	width: 100%;
	max-width: 350px;
	margin-bottom: 10px;
  }

  /* section6 */
  .section6 {
	text-align: center;
	background: url("../img/promotion/sec6_bg.png");
  }

  .section6 .cont {
	margin-top: 35px;
  }

  /* section7 */
  .section7 {
	background-color: #f5f5f5;
  }

  .section7 .cont > div {
	width: 48%;
	text-align: left;
  }

  .section7 .cont .input_box {
	margin-bottom: 30px;
  }

  .section7 .cont h4 {
	font-size: 20px;
	padding-bottom: 10px;
  }

  .input_box input,
  .input_box select,
  .section7 .cont .right textarea {
	padding: 15px;
	border-radius: 5px; /*-webkit-appearance:none;*/
	background: #fff;
	font-size: 16px;
	font-family: "SCoreDream" !important;
	outline-style: none;
	border: 1px solid #dcdcdc;
  }

  .input_box select {
	cursor: pointer;
	background: url(../img/select.png) no-repeat 95% 50% #fff;
  }

  .section7 .cont .right textarea {
	width: 100%;
	height: 293px;
  }

  .section7 .bt {
	display: inline-block;
	background-color: #000;
	color: #ffcc37;
	font-size: 18px;
	padding: 15px 60px;
  }

  /* section8 */
  .section8 {
	background-color: #f8f8f8;
  }

  .section8 .cont {
	margin-top: 0;
  }

  .section8 .cont p {
	margin-top: 30px;
  }













































/* 2022.03.17 사회복지사2급 할인
.promo1_01 {clear:both;display:block;width:100%;}
.promo1_01 img {width:100%;}
.promo1_02 {clear:both;display:block;width:100%;background-color:#c5e0fd;padding:30px 0px;text-align:center;}
.promo1_02 img {width:90%;}
.promo1_03 {clear:both;display:block;width:100%;background-color:#2c2c2c;padding:30px 0px;text-align:center;}
.promo1_03 img {width:90%;}
.promo1_04 {clear:both;display:block;width:100%;padding:30px 0px;text-align:center;}
.promo1_04 img {width:90%;}
.promo1_05 {clear:both;display:block;width:100%;background-color:#d3e9fe;padding:30px 0px;text-align:center;}
.promo1_05 img {width:90%;}


.promo_bg {position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background-color: rgba(0, 0, 0, 0.8);z-index: 1000;z-index: -1;opacity: 0;}
.promo_show {opacity: 1;z-index: 1000;transition: all 0.5s;}
.promo_window {position: relative;width: 100%;height: 100%;}
.promo_show .promo_popup {transform: translate(-50%, -50%);transition: all 0.5s;}
.promo_popup {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color:#000;border-radius:20px;border:1px solid #fff;box-shadow: 0 2px 7px rgba(0, 0, 0, 0.7);width: 95%;overflow:hidden;transform: translate(-50%, -40%);}
.promo_close {float:right;display:block;clear:both;color:#fff;font-size:30px;font-weight:800;font-family: 'NanumSquare';padding:10px;margin-right:5px;}
.promo_close:hover {color:rgb(255, 238, 89)}
.promo_popup button {border:0px;background:none;}
.promo_tit {clear:both;width:100%;font-weight:700;font-family: 'NanumSquare';color:#ff5656;font-size:30px;font-weight:700;text-align:center;margin-bottom:10px;position:relative;top:-20px;}
.promo_tit p {clear:both;color:rgba(255,255,255,0.7);text-align:center;font-size:14px;font-weight:300;}
.promo_popup dl {width:90%;margin:0px auto;color:#fff;text-align:left;}
.promo_popup dl dt {clear:both;width:100%;margin:5px 0px;} 
.promo_popup dl dt span {display:inline-block;width:5px;height:5px;background-color:#fff;font-size:0px;margin-right:10px;position:relative;top:-7px;}
.promo_popup dl dd {clear:both;width:100%;margin-bottom:15px;display:block;overflow:hidden;}
.promo_popup dl dd p {display:inline-block;float:left;width:90%;line-height:1.6;margin-top:-5px;margin-left:10px;line-height:1.4;}
.promo_popup dl dd span {color:#ff5656}
.promo_popup dl dd .warning {clear:both;width:100%;margin:5px 0px 20px;font-size:12px;color:#ff5656;display:block;overflow:hidden;}
.promo_form1 {width:100%;height:40px;background-color:#fff;color:#333;padding:5px 10px;border:0px;}
.promo_form2 {float:left;width:15px;height:15px;background-color:#fff;border:1px solid #fff;}
.promo_btn_send {clear:both;display:block;width:90%;height:40px;line-height:35px;text-align:center;border:1px solid #fff;color:#fff;font-size:18px;font-weight:400;margin:0px auto 30px;}
.promo_btn_send:hover {background-color:#ff5656;border:1px solid #ff5656;color:#fff;font-weight:700;cursor:pointer;}


.promo_bg2 {width: 100%;padding:40px 20px;background-color:#000;overflow:hidden;margin:30px 0px 0px 0px;}
.promo_check_warp {width:100%;margin:0px auto;}
.promo_check_warp dl {width:100%;margin:0px auto;color:#fff;text-align:left;}
.promo_check_warp dl dt {clear:both;width:100%;margin:5px 0px;} 
.promo_check_warp dl dt span {display:inline-block;width:5px;height:5px;background-color:#fff;font-size:0px;margin-right:10px;position:relative;top:-7px;}
.promo_check_warp dl dd {clear:both;width:100%;margin-bottom:15px;display:block;overflow:hidden;}
.promo_check_warp dl dd p {display:inline-block;float:left;width:90%;line-height:1.6;margin-top:-5px;margin-left:10px;line-height:1.4;}
.promo_check_warp dl dd span {color:#ff5656}
.promo_check_warp dl dd .warning {clear:both;width:100%;margin:15px 0px 20px;font-size:12px;color:#ff5656;display:block;overflow:hidden;}

.promo_btn_send2 {clear:both;display:block;width:100%;height:50px;line-height:45px;text-align:center;background-color:#ff5656;border:1px solid #ff5656;color:#fff;font-size:18px;font-weight:400;margin-bottom:10px;}
.promo_btn_send2:hover {border:1px solid #ff5656;color:#ff5656;background-color:#000;font-weight:700;cursor:pointer;}
.promo_btn_send3 {clear:both;display:block;width:100%;height:50px;line-height:45px;text-align:center;border:1px solid #ffe200;color:#000;background-color:#ffe200;font-size:18px;font-weight:400;}
.promo_btn_send3:hover {background-color:#000;border:1px solid #ffe200;color:#ffe200;font-weight:700;cursor:pointer;}


.btn_go {width:90%;height:50px;margin:20px auto 0px;background-color:#000;color:#fff;font-size:20px;font-weight:700;text-align:center;padding-top:4px;cursor:pointer;}
.btn_go span {width:30px;height:30px;display:inline-block;border-radius:50%;text-align:center;background-color:#fff;color:#000;font-size:20px;font-weight:bold;letter-spacing:-2px;margin:5px 0px 0px 10px;}
.btn_go:hover {color:rgb(255, 238, 89)}

.go_main {background-color:#ffe200;width:50px;height:50px;border-radius:50%;text-align:center;font-family: 'Jua', 'NanumSquare';color:#000;font-size:12px;padding-top:13px;line-height:1.0;}
.go_main:hover {color:#ffe200;background-color:#ff4040}
#dung{position:fixed;z-index:1;top:10px;right:10px;animation:ani 1.0s infinite alternate;z-index:10;}
@keyframes ani{0%{transform:translate(0,0);} 100%{transform:translate(0,10px);}}


/* 상담신청 완료 */
/* .end_warp {width:98%;min-height:530px;border-radius:20px;background:#fff url('/mobile/common/img/promotion/end_bg.png') no-repeat right bottom -10px;padding:25px 15px 280px 15px;color:##4d8483;margin:10% auto 0px;}
.end_warp h1 {width:100%;clear:both;display:block;font-size:24px;font-weight:700;text-align:center;}
.end_warp h2 {width:100%;clear:both;display:block;font-size:16px;font-weight:300;text-align:center;line-height:1.8;margin-top:30px;}
.end_warp .go_main2 {width:180px;height:36px;line-height:34px;color:#fff;background-color:#82b0af;font-weight:400;text-align:center;margin:30px auto 0px;}
.end_warp .go_main2:hover {background-color:#529493;color:#fff949;}


/* 220602 추가 */
/* .scret01 {display:block;font-size:11px;overflow-y: auto;width:100%;height:70px;border:1px solid rgba(#fff, 0.3);padding:10px;box-sizing:border-box;margin:0px 0px 10px;}
.scret01 b {font-size:12px;margin-bottom:10px;}
.scret01::-webkit-scrollbar {width: 8px;}
.scret01::-webkit-scrollbar-track {background-color:rgba(#fff, 0.5);border-radius: 50%;}
.scret01::-webkit-scrollbar-thumb {background-color:rgba(#fff, 0.5);border-radius: 50%;}
.scret01 {scrollbar-color: #fff #e4e4e4;}
.scret01::-webkit-scrollbar-thumb {background-image: linear-gradient(180deg, #333 0%, #333 99%);box-shadow: inset 2px 2px 5px 0 rgba(#fff, 0.5);border-radius: 100px;} */ */ */