@charset 'utf-8';
/* counsel_ css */


@font-face {
    font-family: 'GmarketSans';
    font-weight: 300;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.ttf') format("truetype");
    font-display: swap;
} 
@font-face {
    font-family: 'GmarketSans';
    font-weight: 500;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.ttf') format("truetype");
    font-display: swap;
} 
@font-face {
    font-family: 'GmarketSans';
    font-weight: 700;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.ttf') format("truetype");
    font-display: swap;
} 


.counsel_wrapper {
  display: flex;
  flex-wrap: wrap;
	background-color: #1bbdd6;
}
.counsel_wrapper .counsel_title {
  padding: 3.5rem 3rem 2rem 20rem;
  text-align: right;
  background-color: #1bbdd6;
  width: calc(100% - 965px);
/*  min-width: 600px;*/
}




.counsel_title ul {display: flex; justify-content:space-evenly}
.counsel_wrapper .counsel_title a {
/*  display: block;*/
/*  display: inline-block;*/
	
}


.counsel_wrapper .counsel_title p { margin: 0 0 35px 0; text-align: center}
.counsel_wrapper .counsel_title img {
  display: inline-block;
  width: auto;
  height: auto;
}
.counsel_wrapper > div:nth-child(2) {
  background-color: #fff;
}
.counsel_wrapper > div:not(:last-child) {
  position: relative;
}


/*문의내용 있을때 적용 */
/*
.counsel_wrapper .form-box {
  background-color: #fff;
  height: 250px;
	width: 100%;
	margin: 0 auto;
	border: 10px solid #1bbdd6;
}
*/

/*문의내용 없을때 적용 */
.counsel_wrapper .form-box {
  background-color: #fff;
  height: 210px;
	width: 100%;
	margin: 0 auto;
	border: 10px solid #1bbdd6;
}

.counsel_wrapper form {
  width: 875px;
  position: relative;
  display: flex;
  align-items: center;
}

.counsel_wrapper .form-title {
  margin-bottom: 0.5rem;
  font-size: 2.3rem;
  text-align: right;
}


.counsel_wrapper .form-title img { width: 376px; text-align: center; margin-left: 25%; }


@media screen and (max-width : 769px) {
	.counsel_wrapper .counsel_title {
	  padding: 1rem 0 0 0;
	  text-align: right;
	  background-color: #1bbdd6;
/*	  width: calc(100% - 965px);*/
/*	  min-width: 600px;*/
	}
	.counsel_wrapper .counsel_title p { margin: 0 0 15px 0; text-align: center}
}


@media screen and (max-width : 769px) {
	.counsel_wrapper .form-title img { width: 90%; text-align: center; margin-left: 15%;}
}

.counsel_wrapper .form-title span {
  color: #004533;
  font-weight: 500;
}

.counsel_wrapper .form-con {
  line-height: 3em;
  display: flex;
  font-size: 1rem;
}
.counsel_wrapper .form-con ul {
  padding: 1rem 0 0 1rem;
  width: 40rem;
  min-width: 340px;
}
.counsel_wrapper input,
.counsel_wrapper select {
  border: none;
  outline: none;
  height: 3em;
  line-height: 3em;
  padding: 0.2% 2%;
  width: 100%;
  background-color: #f6f6f6;
}

/*아이폰에서 기본 라운드 버튼 효과를 제거하기 */
.counsel_wrapper input{
   -webkit-appearance: none;
   -webkit-border-radius: 0;
}
.counsel_wrapper select{
/*   -webkit-appearance: none;*/
   -webkit-border-radius: 0;
}

.counsel_wrapper .text-box select,
.counsel_wrapper .text-box input {
  padding: 0.2%;
  width: 32%;
  -webkit-border-radius: 0;
}
.counsel_wrapper .text-box input {
  margin: 0 0 0 1.1%;
}
.counsel_wrapper .fr-con {
  display: inline-block;
  width: calc(100% - 10rem);
  margin-left: 1.3rem;
}

.counsel_wrapper .form-con li {color: #1bbdd6;  }
.counsel_wrapper .form-con li span {display: inline-block}

.counsel_wrapper .form-con li:not(:first-child) span {
  display: inline-block;
}
.counsel_wrapper .form-con li span:first-child {
  width: 4rem;
  margin-top: 0.5rem;
}
.counsel_wrapper .fr-con input[name="wr_subject"] {
  margin-bottom: 1%;
}
input[type="submit"] {
  width: 8rem;
  font-size: 1.2rem;
  background-color: #1bbdd6;
  color: #fff;
  height: 11.6rem;
  margin-top: 9rem;
}
input[type="button"] {
  width: 8rem;
  font-size: 1.2rem;
  background-color: #1bbdd6;
  color: #fff;
  height: 11.6rem;
  margin-top: 9rem;
}

#receive-btn {
  width: 8rem;
  font-size: 1.2rem;
  font-weight: bold;
  background-color: #1bbdd6;
  color: #fff;
  height: 9.6rem;
  margin-top: 2rem;
	cursor: pointer;
	line-height: 1.5;
}
#receive-btn2 {
  width: 8rem;
  font-size: 1.2rem;
  font-weight: bold;
  background-color: #1bbdd6;
  color: #fff;
  height: 10.6rem;
  margin-top: 7rem;
	cursor: pointer;
	line-height: 1.5;
}

#receive-btn3 {
  width: 8rem;
  font-size: 1.2rem;
  font-weight: bold;
  background-color: #1bbdd6;
  color: #fff;
  height: 11.6rem;
  margin-top: 9rem;
	cursor: pointer;
	line-height: 1.5;
}

#provision {
  line-height: 1.2rem;
}
#provision-check[type="checkbox"] {
  width: 1.2rem;
  line-height: 1.3rem;
  margin-right: 0.3rem;
  -webkit-appearance: checkbox;
}
#provision-check label[for="provision-check"] {
  font-size: 1rem;
}


#provision2 {
  line-height: 1.2rem;
}
#provision2-check[type="checkbox"] {
  width: 1.2rem;
  line-height: 1.3rem;
  margin-right: 0.3rem;
  -webkit-appearance: checkbox;
}
#provision2-check label[for="provision-check"] {
  font-size: 1rem;
}


#provision3 {
  line-height: 1.2rem;
}
#provision3-check[type="checkbox"] {
  width: 1.2rem;
  line-height: 1.3rem;
  margin-right: 0.3rem;
  -webkit-appearance: checkbox;
}
#provision3-check label[for="provision-check"] {
  font-size: 1rem;
}



#privacy_btn {
  display: inline-block;
  padding: 0.2rem 0.9rem 0.3rem;
  background: #0c3674;
  color: #fff;
  font-size: 0.85rem;
  font-weight: 500;
  margin-left: 0.3rem;
}

#privacy_btn1 {
  display: inline-block;
  padding: 0.2rem 0.9rem 0.3rem;
  background: rgba(27,189,214,0.00);
  color: #fff;
  font-size: 0.85rem;
  font-weight: 500;
  margin-left: 0.3rem;
}


#privacy_btn2 {
  display: inline-block;
  padding: 0.2rem 0.9rem 0.3rem;
  background: #1bbdd6;
  color: #fff;
  font-size: 0.85rem;
  font-weight: 500;
  margin-left: 0.3rem;
}


#privacy_btn3 {
  display: inline-block;
  padding: 0.2rem 0.9rem 0.3rem;
  background: #1bbdd6;
  color: #fff;
  font-size: 0.85rem;
  font-weight: 500;
  margin-left: 0.3rem;
}


/*모바일 버튼 크기 조정 */
@media screen and (max-width : 768px) {
	
#privacy_btn {  display: inline-block;  padding: 0.2rem 0.9rem 0.3rem;  background: #0c3674;  color: #fff;  font-size: 0.7rem;  font-weight: 500;  margin-left: 0.3rem;}

#privacy_btn1 {
  display: inline-block;  padding: 0.2rem 0.9rem 0.3rem;  
    background: rgba(27,189,214,0.00);
    color: #fff;  font-size: 0.7rem;  font-weight: 500;  margin-left: 0.3rem;}


#privacy_btn2 {
  display: inline-block;  padding: 0.2rem 0.9rem 0.3rem;  background: #1bbdd6;  color: #fff;  font-size: 0.7rem;  font-weight: 500;  margin-left: 0.3rem;}


#privacy_btn3 {
  display: inline-block;  padding: 0.2rem 0.9rem 0.3rem;  background: #1bbdd6;  color: #fff;  font-size: 0.7rem;  font-weight: 500;  margin-left: 0.3rem;}
}



.counsel_wrapper .provision {
  position: absolute;
  bottom: -3.5rem;
  left: 0;
  width: 88%;
  text-align: right;
}


.counsel_wrapper .provision2 {
  position: absolute;
  bottom: -3.5rem;
  left: 0;
  width: 88%;
  text-align: right;
}

.counsel_wrapper .provision3 {
  position: absolute;
  bottom: -3.5rem;
  left: 0;
  width: 88%;
  text-align: right;
}

.counsel_wrapper .provision span { color: #1bbdd6}
.counsel_wrapper .provision2 span { color: #1bbdd6}
.counsel_wrapper .provision3 span { color: #1bbdd6}
/* rolling banner */




@media screen and (max-width : 768px) {
	
.counsel_wrapper .provision span { color: #1bbdd6;font-size: 0.6rem;}
.counsel_wrapper .provision2 span { color: #1bbdd6;font-size: 0.6rem;}
.counsel_wrapper .provision3 span { color: #1bbdd6;font-size: 0.6rem;}
}



/* 개인정보 처리방침 팝업 */
#privacy_box {
  position: fixed;
  display: none;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: rgba(0, 0, 0, 0.2);
  width: 100%;
  z-index: 99999999;
}
#privacy_box table {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50vw;
  background: #fcfcfc;
  font-family: "Noto Sans Korean", "Malgun Gothic", dotum, sans-serif;
  white-space: break-spaces;
  overflow-x: auto;
  -ms-overflow-style: none;
  border-collapse: collapse;
  border: 2px solid #232323;
}

#privacy_box tbody {
  display: flex;
  flex-direction: column;
}
#privacy_box tr:first-child {
  display: flex;
  line-height: 50px;
  text-align: center;
  border-bottom: 1px solid #232323;
}
#privacy_box tr:last-child {
  height: 50vh;
  overflow-y: scroll;
  padding: 0 2%;
}
#privacy_box tr:first-child th:first-child {
  width: calc(100% - 50px);
  font-size: 1rem;
  font-weight: 900;
}
#privacy_box tr:first-child th:last-child {
  width: 50px;
  background: #232323;
}
#privacy_box button {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: #fff;
  background: #232323;
  font-weight: 600;
  border: none;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
}
#privacy_box pre {
  font-size:  0.85rem;
  white-space: break-spaces;
  overflow-x: unset;
  font-family: "Noto Sans KR", "Malgun Gothic", dotum, sans-serif;
	text-align: left;
}
@media screen and (max-width: 1500px) {
  .counsel_wrapper .counsel_title {
    width: 100%;
    text-align: center;
  }
  .counsel_wrapper form {
    width: 100%;
    padding-bottom: 10%;
  }

  .counsel_wrapper .provision {
    width: 100%;
    bottom: 10%;
    left: -3%;
  }
  .counsel_wrapper .provision2 {
    width: 100%;
    bottom: 10%;
    left: -3%;
  }
	
  .counsel_wrapper .provision3 {
    width: 100%;
    bottom: 10%;
    left: -3%;
  }
  #privacy_btn {
    font-size: 0.8rem;
  }
  .counsel_wrapper > div:not(:last-child) {
    margin: 0 auto;
    height: auto;
  }
  .counsel_wrapper .form-con li:not(:first-child) span:first-child {
    font-size: 1rem;
  }
  .counsel_wrapper .form-con ul {
    padding: 10% 0 10% 3%;
    width: 100%;
    min-width: 100%;
  }
  .counsel_wrapper .fr-con {
    width: 80%;
    margin-left: 3%;
  }
  .counsel_wrapper .form-con .text-box {
    display: flex;
  }
  .counsel_wrapper .text-box select,
  .counsel_wrapper .text-box input {
    padding: 0.2%;
    width: 34%;
    height: auto;
    line-height: 3.2em;
  }
  .counsel_wrapper .form-con li span:first-child {
    width: 15%;
    margin-top: 2%;
  }
  .counsel_wrapper .form-title {
    margin-bottom: 4%;
    font-size: 2rem;
    text-align: right;
    width: 109%;
  }
  input[type="submit"] {
    width: 16%;
    font-size: 1rem;
    background-color: #004533;
    color: #fff;
    height: 29.5vw;
    margin: 13% 3% 0;
    max-height: 171px;
  }
}

@media all and (max-width: 610px) {
  .counsel_wrapper .counsel_title img {
    width: 80%;
    height: auto;
  }
  .counsel_wrapper .counsel_title a {
    width: 100%;
    min-width: 100%;
  }
  .counsel_wrapper .form-con {
    line-height: 3em;
    display: flex;
    font-size: 3.6vw;
  }
  .counsel_wrapper .form-title {
    margin-bottom: 4%;
    font-size: 6.5vw;
    text-align: right;
    width: 112%;
  }
  .counsel_wrapper .form-title.form-ortho-title {
    width: 110%;
  }
  .counsel_wrapper .form-con li:not(:first-child) span:first-child {
    font-size: 3vw;
  }
  .counsel_wrapper input,
  .counsel_wrapper select {
    height: 2.5em;
    line-height: 2.5em;
    padding: 0.2% 1%;
    font-size: 3.5vw;
  }
  .counsel_wrapper .text-box select,
  .counsel_wrapper .text-box input {
    padding: 0.2%;
    width: 34%;
    height: auto;
    line-height: 2.5em;
  }
  .counsel_wrapper .form-con ul {
    padding: 5% 0 10% 3%;
    width: 98%;
    min-width: 98%;
  }
  .counsel_wrapper .form-con li span:first-child {
    width: 18%;
    margin-top: 2%;
  }
  .counsel_wrapper .fr-con {
    width: 75%;
  }
  .counsel_wrapper .form-con li:not(:first-child) span:first-child {
    margin: 0;
    width: 18%;
  }

  input[type="submit"] {
    width: 14%;
    font-size: 3vw;
    height: 32vw;
    margin: 0 3% 0;
    min-height: none;
  }

	
/* 문의내용이 있을때 적용 
	#receive-btn {
		position: relative;
		width: 25%;
		font-size: 0.75rem;
		background-color: #1bbdd6;
		color: #fff;
		height: 31vw;
		top: -3px;
		margin: 0 3% 0;
		max-height: 171px;
		border-radius: 0;
	}
*/
	
/*	문의내용 없을때 적용 */
		#receive-btn {
		position: relative;
		width: 25%;
		font-size: 0.75rem;
		background-color: #1bbdd6;
		color: #fff;
		height: 20vw;
		top: -3px;
		margin: 0 3% 0;
		max-height: 171px;
		border-radius: 0;
	}
	
	
	
	
	#receive-btn2 {
    width: 20%;
    font-size: 0.75rem;
    background-color: #1bbdd6;
    color: #fff;
    height: 32vw;
    margin: 0 3% 0;
    max-height: 171px;
		border-radius: 0;
  }
	
	
	#receive-btn3 {
    width: 20%;
    font-size: 0.75rem;
    background-color: #1bbdd6;
    color: #fff;
    height: 32vw;
    margin: 0 3% 0;
    max-height: 171px;
		border-radius: 0;
  }
	
	#privacy_box {
		z-index: 99999;
		
	}	
  #privacy_box table {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 88vw;
    background: #fcfcfc;
    font-family: "Noto Sans Korean", "Malgun Gothic", dotum, sans-serif;
    white-space: break-spaces;
    overflow-x: auto;
    -ms-overflow-style: none;
    border-collapse: collapse;
    border: 2px solid #232323;
  }

  .counsel_wrapper > div:not(:last-child) {
    min-width: 100%;
    width: 100%;
  }
  .counsel_wrapper form {
    width: 100%;
    justify-content: center;
  }
}