/* reset */
body, div, ul, li, ol, dl, dd, dt, h2, h2, h3, h4, h5, h6, p, form, fieldset, legend, select, input,iframe{margin:0; padding:0;}
/*h2, h2, h3, h4, h5, h6 {font-size:12px; font-weight:normal;}*/
body, input, textarea, select, button,iframe{font-family: "Noto Sans KR", sans-serif; color:#333;}
a {text-decoration:none; color:#000; font-family: "Noto Sans KR";}
li, ul, ol {list-style:none;}
img {border:0;}

#wrap {width:100%; margin:0 auto; box-sizing:border-box; position:relative; }
#wrap02 {width:100%;}
#header {position:absolute; left:0; width:100%; height:110px; box-sizing:border-box; z-index:999; transition: .5s;}
#content {width:100%;}
#footer {width:100%;}

#header {padding:0 1.15%;}
#content {padding:0 1.15%; box-sizing:border-box;}
#content2 {padding:0 2.25%; box-sizing:border-box;}

/* 기본 */
#wrap img {max-width:100%;}
#wrap02 img {max-width:100%;}
#wrap img.w100 {width:100%;}
.db1200 {display:none;}
.w1200 {width:1200px; margin:0 auto;}
.mo_display {display:none;}
.pc_display {display:block;}
.t_display {display:none;}
.pt_display {display:block !important;}
.rmo_display {display:none !important;}
.wi_ver {display:none;}
.wi_ver {display:none;}


/* header */
#header.scroll {
  background: rgba(0,0,0,.8);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 86px;
}
#header.scroll h2 img {
  display: none !important;
}
#header.scroll h2 img.scroll_on {
  display: block !important;
}
#header.scroll .header_container {
  padding: 0px 0 24px;
}
#header.scroll .header_container .gnb ul li {
  padding-top: 30px;
}
#header.scroll .header_container .all_menu_btn {
  margin-top: 25px;
}

.header_container {
  width: 100%;
  padding: 15px 0 26px;
}
.header_container:after {
  content: '';
  display: block;
  clear: both;
}
.header_container h2 {
  float: left;
  margin: 0;
}
.header_container .all_menu_btn {
  position: fixed;
  margin-top: 30px;
  cursor: pointer;
  right: 1.15%;
  z-index: 80;
}
.header_container .gnb {
  float: right;
}
.header_container .gnb ul {
  padding-right: 35px;
}
.header_container .gnb ul:after {
  content: '';
  display: block;
  clear: both;
}
.header_container .gnb ul li {
  float: left;
  margin-right: 70px;
  padding-top: 30px;
  line-height: 1;
}
.header_container .gnb ul li > a {
  position: relative;
  display: inline-block;
  color: #000;
  font-size: 17px;
  font-weight: 300;
  line-height: 1;
}

/* header 공통 white header */
.verw .header_container h2 .wi_ver {
  display: block;
}
.verw .header_container h2 .b_ver {
  display: none;
}
.verw .header_container .gnb ul li > a {
  color: #fff;
}
.verw .header_container .all_menu_btn .b_ver {
  display: none;
}
.verw .header_container .all_menu_btn .wi_ver {
  display: block;
}

/* header ver01 */
.verw01 .header_container h2 .wi_ver.no02 {
  display: block;
}
.verw01 .header_container h2 .b_ver {
  display: none;
}
.verw01 .header_container .gnb ul li > a {
  color: #fff;
}
.verw01 .header_container .all_menu_btn .b_ver {
  display: none;
}
.verw01 .header_container .all_menu_btn .wi_ver {
  display: block;
}

/* 1뎁스 hover 시 한글 보여주기 */
.header_container .gnb ul li > a span.hover {
  display: none;
  position: absolute;
  top: 35px;
  width: 120%;
  left: 50%;
  margin-left: -60%;
  text-align: center;
}
.header_container .gnb ul li:hover > a span.hover {
  display: block;
}

/* 기본 hover / on 효과 → 1뎁스에만 */
.header_container .gnb ul li:hover > a,
.header_container .gnb ul li > a.on {
  padding-bottom: 10px;
  border-bottom: 2px solid #e3175c;
  color: #e3175c;
  box-sizing: border-box;
}
.header_container .gnb ul li:nth-of-type(2):hover > a,
.header_container .gnb ul li:nth-of-type(2) > a.on {
  border-bottom: 2px solid #6798ff;
  color: #6798ff;
}
.header_container .gnb ul li:nth-of-type(3):hover > a,
.header_container .gnb ul li:nth-of-type(3) > a.on {
  border-bottom: 2px solid #fb6ea0;
  color: #fb6ea0;
}
.header_container .gnb ul li.dred > a {
  color: #e4185d;
}

/* 스크롤 헤더 상태 (1뎁스에만 적용) */
#header.scroll .header_container .gnb ul li:hover > a,
#header.scroll .header_container .gnb ul li > a.on {
  border-color: #fff;
  color: #fff;
}

/* header ver02 (검정 밑줄) */
.verw02 .header_container h2 .wi_ver {
  display: block;
}
.verw02 .header_container h2 .wi_ver.no02 {
  display: none;
}
.verw02 .header_container h2 .b_ver {
  display: none;
}
.verw02 .header_container .gnb ul li > a {
  color: #fff;
}
/* .verw02 .header_container .all_menu_btn .b_ver {display:none;}
.verw02 .header_container .all_menu_btn .wi_ver {display:block;} */
.verw02 .header_container .gnb ul li:hover > a,
.verw02 .header_container .gnb ul li > a.on {
  border-bottom: 2px solid #000;
  color: #000;
}

/* header ver03 */
.verw03 .header_container h2 .wi_ver.no02 {
  display: block;
}
.verw03 .header_container h2 .b_ver {
  display: none;
}
.verw03 .header_container .gnb ul li > a {
  color: #fff;
}

/* header ver04 */
.verw04 .header_container h2 .wi_ver.no02 {
  display: block;
}
.verw04 .header_container h2 .b_ver {
  display: none;
}
.verw04 .header_container .gnb ul li > a {
  color: #fff;
}
.verw04 .header_container .gnb ul li:hover > a,
.verw04 .header_container .gnb ul li > a.on {
  border-bottom: 2px solid #fff;
  color: #fff;
}



/* 헤더 2뎁스 추가 */

#header .depth2_yo li {
	float: unset;
    margin-right: unset;
    padding-top: unset;
	width: 100%;
    padding: 20px 0;
}

#header .depth2_yo span.hover {
	margin-left: unset;
}


/* ▼ 2뎁스 드롭다운 기본 설정 */
.header_container .gnb ul li.has-depth {
  position: relative;
  padding-bottom: 80px;
}

.header_container .gnb ul li .depth2_yo {
  display: none;
  position: absolute;
  top: 100px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 3px;
  /* background: #fff; */
border: 1px solid rgba(255, 255, 255, 0.40);
background: rgba(0,0,0,0.2);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  padding: 15px 0;
  min-width: 130px;
  z-index: 99;
  text-align: center;
  padding: 10px;
}

/* ▼ 호버 시 2뎁스 표시 */
.header_container .gnb ul li.has-depth:hover .depth2_yo {
  display: block;
}

/* ▼ 각 2뎁스 항목 스타일 */
.header_container .gnb ul li .depth2_yo li a {
  display: inline-block;
  /* padding: 8px 20px; */
  font-size: 14px;
  font-weight: 300;
  color: #fff;
  position: relative;
  width: 100%;
  text-decoration: none;
}

/* ▼ 한글 span 숨김 */
.header_container .gnb ul li .depth2_yo li a span.hover {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  font-size: 13px;
  font-weight: 400;
  color: #000;
  margin-top: 7px;
}

/* ▼ hover 시 한글 표시 + 색상 변경 */
.header_container .gnb ul li .depth2_yo li:hover a,
.header_container .gnb ul li .depth2_yo li a.on {
  color: #000;
  border-bottom: 2px solid #000;
}

.header_container .gnb ul li .depth2_yo li:hover a span.hover {
  display: block;
}



/* all_menu */
.all_menu_wrap {display:none; position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999;}
.all_menu_wrap .bgBlack {position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.9); z-index:-1;}
.all_menu_wrap .all_menu {z-index:10;}
.all_menu_wrap .all_menu h2 {z-index:10; margin:0; padding:15px 1.151% 26px;}
.all_menu_wrap .all_menu .all_menu_close {position:absolute; top:47px; right:2%; cursor:pointer;}
.all_menu_wrap .all_menu .nav {position:absolute; top:40%; width:100%; text-align:center;}
.all_menu_wrap .all_menu .nav ul {font-size:0; text-align:center;}
.all_menu_wrap .all_menu .nav ul li {display:inline-block; vertical-align:top; width:8.848%; margin:0 1.914%;}
.all_menu_wrap .all_menu .nav ul li p {position:relative; font-size:1vw; color:#666; padding-bottom:15px; margin:30px 0 15px; line-height:1;}
.all_menu_wrap .all_menu .nav ul li p i {position:absolute; bottom:0; width:18%; height:1px; background:#666; left:50%; margin-left:-9%;}
.all_menu_wrap .all_menu .nav ul li a {display:block; width:100%; height:100%; font-size:1.09375vw; color:#fff;}

.all_menu_wrap .all_menu .nav ul li:hover a,
.all_menu_wrap .all_menu .nav ul li:hover p,
.all_menu_wrap .all_menu .nav ul li.on a,
.all_menu_wrap .all_menu .nav ul li.on p {color:#e4185d;}
.all_menu_wrap .all_menu .nav ul li:hover p i,
.all_menu_wrap .all_menu .nav ul li.on p i {background:#e4185d;}

.all_menu_wrap .all_menu .nav ul li:nth-of-type(1):hover a,
.all_menu_wrap .all_menu .nav ul li:nth-of-type(1):hover p,
.all_menu_wrap .all_menu .nav ul li:nth-of-type(1).on a,
.all_menu_wrap .all_menu .nav ul li:nth-of-type(1).on p {color:#ff1844;}
.all_menu_wrap .all_menu .nav ul li:nth-of-type(1):hover p i,
.all_menu_wrap .all_menu .nav ul li:nth-of-type(1).on p i {background:#ff1844;}

.all_menu_wrap .all_menu .nav ul li:nth-of-type(2):hover a,
.all_menu_wrap .all_menu .nav ul li:nth-of-type(2):hover p,
.all_menu_wrap .all_menu .nav ul li:nth-of-type(2).on a,
.all_menu_wrap .all_menu .nav ul li:nth-of-type(2).on p {color:#6798ff;}
.all_menu_wrap .all_menu .nav ul li:nth-of-type(2):hover p i,
.all_menu_wrap .all_menu .nav ul li:nth-of-type(2).on p i {background:#6798ff;}

.all_menu_wrap .all_menu .nav ul li:nth-of-type(3):hover a,
.all_menu_wrap .all_menu .nav ul li:nth-of-type(3):hover p,
.all_menu_wrap .all_menu .nav ul li:nth-of-type(3).on a,
.all_menu_wrap .all_menu .nav ul li:nth-of-type(3).on p {color:#fb6ea0;}
.all_menu_wrap .all_menu .nav ul li:nth-of-type(3):hover p i,
.all_menu_wrap .all_menu .nav ul li:nth-of-type(3).on p i {background:#fb6ea0;}

.all_menu_wrap .all_menu .nav ul li:nth-of-type(4):hover a,
.all_menu_wrap .all_menu .nav ul li:nth-of-type(4):hover p,
.all_menu_wrap .all_menu .nav ul li:nth-of-type(4).on a,
.all_menu_wrap .all_menu .nav ul li:nth-of-type(4).on p {color:#674fff;}
.all_menu_wrap .all_menu .nav ul li:nth-of-type(4):hover p i,
.all_menu_wrap .all_menu .nav ul li:nth-of-type(4).on p i {background:#674fff;}

.all_menu_wrap .all_menu .nav ul li:nth-of-type(5):hover a,
.all_menu_wrap .all_menu .nav ul li:nth-of-type(5):hover p,
.all_menu_wrap .all_menu .nav ul li:nth-of-type(5).on a,
.all_menu_wrap .all_menu .nav ul li:nth-of-type(5).on p {color:#414041;}
.all_menu_wrap .all_menu .nav ul li:nth-of-type(5):hover p i,
.all_menu_wrap .all_menu .nav ul li:nth-of-type(5).on p i {background:#414041;}


.all_menu_wrap .all_menu .nav ul li:nth-of-type(6):hover a,
.all_menu_wrap .all_menu .nav ul li:nth-of-type(6):hover p,
.all_menu_wrap .all_menu .nav ul li:nth-of-type(6).on a,
.all_menu_wrap .all_menu .nav ul li:nth-of-type(6).on p {color:#16ddc8;}
.all_menu_wrap .all_menu .nav ul li:nth-of-type(6):hover p i,
.all_menu_wrap .all_menu .nav ul li:nth-of-type(6).on p i {background:#16ddc8;}




/* footer */
.footer_container {width:100%; overflow:hidden; box-sizing:border-box; font-size:0; background:#171717;}
.footer_container > div {float:right; width:50%; box-sizing:border-box;}
.footer_container .copy_type {position:relative; float:left; height:250px; box-sizing:border-box; padding:55px 60px; background:#171717; font-size:15px; font-weight:100; color:#aaa; letter-spacing:0.05em;}
.footer_container .copy_type h2 {margin-bottom:15px; font-size:18px; color:#fff;}
.footer_container .copy_type a {font-size:15px; font-weight:100; color:#aaa; cursor:text;}
.footer_container .copy_type p {font-size:15px; color: rgba(196,196,196,.3); font-weight: 100;}
.footer_container .copy_type .btn_wrap {position:absolute; top:56px; right:60px;}
.footer_container .copy_type .btn_wrap a{display:inline-block; width:200px; height:50px; line-height:50px; color:#e0e0e0; font-size:15px; text-align:center; background:#2e2e2e; cursor:pointer;}
.footer_container .cot_type ul {overflow:hidden;} 
.footer_container .cot_type ul li {float:right; width:50%;} 
.footer_container .cot_type .con01 {position:relative; background:#1c1c1c; height:250px; padding:50px 40px; box-sizing:border-box; overflow:hidden;}
.footer_container .cot_type .con01 > div.left {}
.footer_container .cot_type .con01 .tit {font-size:25px; color:#fff; opacity:0.3;}
.footer_container .cot_type .con01 dl {margin-top:60px;}
.footer_container .cot_type .con01 dl dd {font-size:15px; font-weight:100; color:#c4c4c4;}
.footer_container .cot_type .con01 dl dd span {display:inline-block; width:76px;}
.footer_container .cot_type .con01 dl dd span.rit {text-align:right; width:40px;}
.footer_container .cot_type .con01 > div.right {position:absolute; right:40px; top:45px; text-align:right;}
.footer_container .cot_type .con01 > div.right a {display:block; text-align:right; font-size:32px; font-weight:700; color:#fff; cursor:default; letter-spacing:-0.03em;}
.footer_container .cot_type .con01 > div.right a.btn {display:inline-block; width:270px; height:70px; line-height:70px; font-size:17px; font-weight:400; letter-spacing:0.05em; background:#e3185c; text-align:center; margin-top:60px; cursor:pointer;}

.footer_container .cot_type .con02 {padding-top:54px; height:250px; background:#2f2f2f; text-align:center; box-sizing:border-box;}
.footer_container .cot_type .con02 .under_link {margin:15px 0 20px; font-size:17px; color:#fff;}
.footer_container .cot_type .con02 .under_link a {display:inline-block; font-size:17px; color:#fff; font-weight:100;}
.footer_container .cot_type .con02 .btn_type {font-size:0;}
.footer_container .cot_type .con02 .btn_type a {display:inline-block; width:170px; margin:0 5px; background:#393939; font-size:15px; font-weight:100; color:#fff; letter-spacing:0.05em; vertical-align:middle;}
.footer_container .cot_type .con02 .btn_type a img {vertical-align:middle; margin-top:20px;}
.footer_container .cot_type .con02 .btn_type a span {display:block; float:left;}
.footer_container .cot_type .con02 .btn_type a span.part_img {padding:0 10px 0 20px; margin-right:5px;}
.footer_container .cot_type .con02 .btn_type a span.part_txt {padding:8px 0 10px;} 
.footer_container .cot_type .con02 .btn_type a span u {text-decoration:none; font-size:13px; margin-left:-13px;}


/* top_btn*/
.top_btn {position:fixed; right:1.15%; bottom:150px; cursor:pointer; z-index:40;}
.top_btn img {width:100%;}
.projectBox_old {padding:0 1.15%; box-sizing:border-box;}

/* popup */
#popUp_bg{position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.0); z-index:50;}
#popUp{position:fixed; top:50%; left:50%; z-index:51; width:615px; max-width:90%; height:622px; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%)}
#popUp .popUp_con{position:relative;}
#popUp .popUp_con > img{width:100%;} 
#popUp .popUp_con .popUp_close{position:absolute; top:-20px; right:10px;}
#popUp .popUp_con .popUp_close > a > img{width:42px; height:42px;}
#popUp .popUp_con .popUp_text{font-size:14px; text-align:right; display:block; width:100%; padding:10px 5px; background:#fff; color:#222; letter-spacing:-0.025em; font-weight:400; border-top:0; box-sizing:border-box;}


@media all and (max-width:2000px) {
	.footer_container .cot_type .con01 > div.right a.btn {width:210px;}
	.footer_container .cot_type .con01 {padding:50px 2%;}
	.footer_container .cot_type .con01 > div.right {right:3%;}
	.footer_container .cot_type .con01 > div.right a {font-size:28px;}
}



@media all and (max-width:1499px) {
	.footer_container > div {float:none; width:100%;}
	.footer_container .copy_type .btn_wrap {top:56px; right:60px;}
	.footer_container .cot_type .con01 {padding:50px 40px;}
	.footer_container .cot_type .con01 > div.right {right:40px;}
	.footer_container .cot_type .con01 > div.right a {font-size:32px;}
}

@media all and (max-width:1420px) {
	.header_container .gnb ul li {margin-right:40px;}
}


@media all and (max-width:1300px) {
	.all_menu_wrap .all_menu .nav ul li p {font-size:12px;}
	.all_menu_wrap .all_menu .nav ul li a {font-size:14px;}

}


@media all and (max-width:1200px) {
	.dn1200 {display:none;}
	.db1200 {display:block;}
	.wi_ver.db1200 {display:none;}
	.header_container h2 .b_ver.no02 {width:167px;}
	.verw .header_container h2 .wi_ver.dn1200 {display:none;}	
	.verw .header_container h2 .wi_ver.db1200  {display:block;}
	.header_container .gnb ul {padding-right:25px;}
	.header_container .gnb ul li a {font-size:15px;}
}

/* 모바일 */
@media all and (max-width:999px) {
	.header_container .gnb {display:none;}
	.mo_display {display:block;}
	.pc_display {display:none;}
	.t_display {display:block;}
	#header.scroll{height:74px}
	#header.scroll .header_container .all_menu_btn{padding-top: 30px; margin-top: 0;}

	#header {padding:0; height:auto;}
	.header_container {padding:2.345% 1.15% 4.688%; box-sizing:border-box;}
	.header_container .all_menu_btn {width:5.598%; margin:0; padding:5% 3% 2% 2%;}
	.header_container .all_menu_btn img {width:100%;}

	/* all_menu */
	.all_menu_wrap .all_menu h2 {padding:2.345% 2.3% 4.688%;}
	.all_menu_wrap .all_menu .all_menu_close {top:3%; width:7%;}
	.all_menu_wrap .all_menu .all_menu_close img {width:100%;}
	.all_menu_wrap .all_menu .nav {top:20%;}
	.all_menu_wrap .all_menu .nav ul li {width:20%; margin:0 8% 5%;}
	.all_menu_wrap .all_menu .nav ul li p {padding-bottom:5%; margin:15% 0 2%;}
	.all_menu_wrap .all_menu .nav ul li a {word-break:keep-all;}


	/* footer */
	.footer_container .copy_type {height:auto; padding:6% 1%; font-size:14px; text-align:center; letter-spacing:-0.03em;}
	.footer_container .copy_type a {font-size:14px;}
	.footer_container .copy_type p {opacity:0.5; margin-top:0;}
	.footer_container .copy_type .btn_wrap {position:relative; top:auto; right:auto;}
	.footer_container .copy_type .btn_wrap a{height:auto; margin:4% 0; padding:3% 0; line-height:1; font-size:14px;}
	.footer_container .cot_type ul li {float:none; width:100%;}
	.footer_container .cot_type .con01 {height:auto; padding:5% 3% 9%;}
	.footer_container .cot_type .con01 > div.left {}
	.footer_container .cot_type .con01 .tit {font-size:3.90625vw;}
	.footer_container .cot_type .con01 dl {margin-top:7%;}
	.footer_container .cot_type .con01 dl dd {font-size:13px; font-weight:100; color:#c4c4c4;}
	.footer_container .cot_type .con01 dl dd span {display:inline-block; width:60px;}
	.footer_container .cot_type .con01 > div.right {position:absolute; right:3%; top:4.5vw;}
	.footer_container .cot_type .con01 > div.right a {font-size:20px;}
	.footer_container .cot_type .con01 > div.right a.btn {width:55vw; height:auto; padding:5% 0; line-height:1; font-size:14px; margin-top:17%;}

	.footer_container .cot_type .con02 {padding:8% 0; height:auto;}
	.footer_container .cot_type .con02 .under_link {margin:2.5% 0 5%; font-size:14px;}
	.footer_container .cot_type .con02 .under_link a {font-size:14px;}

	.footer_container .cot_type .con02 .btn_type a {width:40%; height:auto; padding:1% 0; margin:0 5px; font-size:14px; letter-spacing:0.05em;}
	.footer_container .cot_type .con02 .btn_type a img {margin-top:20px;}
	.footer_container .cot_type .con02 .btn_type a span.part_img {padding:0 3% 0 6%;}
	.footer_container .cot_type .con02 .btn_type a span u {font-size:11px;     margin-left:-12px;}
	
	/* top_btn*/
	.top_btn {bottom:8%;}
	
}

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

@media all and (max-width:640px) {
	.header_container h2 {width:39.286%;}
	.header_container h2 img {width:100%;}
	.all_menu_wrap .all_menu h2 img {width:39.31%;}
}
@media all and (max-width:550px) {
	/* .rmo_display {display:block !important;} */
	/* .pt_display {display:none !important;} */
	.t_display {display:none;}

	.footer_container .cot_type .con01 > div.right a.btn {width:55vw; height:auto; padding:7% 0; line-height:1; font-size:14px;}
	.footer_container .cot_type .con01 > div.right a.btn {margin-top:13%;}
	.top_btn {width:11.6363%;}

	.all_menu_wrap .all_menu .nav ul li {width:28%; margin:0 6% 8%;}
	.all_menu_wrap .all_menu .nav ul li img {width:70%;}
	.all_menu_wrap .all_menu .nav {top:16%;}
}

@media all and (max-width:425px) {
	/**/
	.footer_container .cot_type .con01 > div.right a.btn {margin-top:15.5%;}

	#popUp .popUp_con .popUp_text{font-size:10px;}
}

@media all and (max-width:350px) {
		/* footer */
	.footer_container .copy_type {font-size:13px; letter-spacing:-0.05em;}
}



/* 20200429_ 팝업 */
#popUp_type02 {z-index:999; position:relative; width:100%; min-height:100px; background:url('/img/popup_type02_bg.png') no-repeat center center / cover; }
#popUp_type02 .popUp_con {position:relative; }
#popUp_type02 .left_box {display:inline-block; vertical-align:top; width:100%; text-align:center; }
#popUp_type02 .left_box p {padding:35px 0; box-sizing:border-box; word-break:keep-all; }
#popUp_type02 .left_box p a {font-size:20px; font-weight:500; color:#fff; letter-spacing:0; }
#popUp_type02 .left_box p i {display:inline-block; vertical-align:middle; width:41px; height:30px; margin-right:10px; background:url('/img/popup_notice_icon.png') no-repeat center center / contain; }
#popUp_type02 .right_box {position:absolute; right:30px; top:0; width:auto; text-align:right; padding-top:35px; box-sizing:border-box;  }
#popUp_type02 .right_box > div {display:inline-block; vertical-align:top; }
#popUp_type02 .right_box .popUp_text {padding-top:2px; font-size:14px; font-weight:300; color:#b6c2cd; cursor:pointer; }
#popUp_type02 .right_box .popUp_text input {vertical-align:middle; margin-top:-1px; margin-left:5px; }
#popUp_type02 .right_box .popUp_close {margin-left:35px; }


@media all and (max-width:1340px){
	#popUp_type02 .left_box {text-align:left; padding:0 20px; box-sizing:border-box; }
}

@media all and (max-width:1100px){
	#popUp_type02{height:auto; min-height:0;}
	#popUp_type02 .right_box {position:static; padding:10px 20px 20px; }
	#popUp_type02 .left_box p {padding:3.182vw 0; }
	#popUp_type02 .left_box p i {width:4.727vw; height:3.727vw; }
	#popUp_type02 .left_box p a {font-size:2.818vw}
	#popUp_type02 .right_box .popUp_text{font-size:2.1875vw;}
	#popUp_type02 .right_box .popUp_close img{width:4.0625vw; height:4.0625vw;}
}

/* 20230905_ 푸터 위 contact_box */
.no_foot_contact .contact_box{display: none;}
.contact_box {padding: 60px 40px; background-color: #3a3a3a; display: flex; align-items: center; justify-content: space-between;}
.contact_box .left_box p{display: flex; align-items: center; gap: 20px; font-size: 25px; color: #ffffff; letter-spacing: -0.05em; white-space: nowrap;}
.contact_box .right_box{}
.contact_box .right_box form{display: flex; align-items: center; gap: 100px;}
.contact_box .right_box .input_box{width: 100%; display: flex; gap: 30px;}
.contact_box .right_box .input_box label{box-sizing: border-box; font-size: 18px; color: #ffffff; letter-spacing: 0.05em; background-color: #454545;}

/* ✅ 수정: type="text", type="tel", type="email" 모두 포함 */
.contact_box .right_box .input_box input[type="text"],
.contact_box .right_box .input_box input[type="tel"],
.contact_box .right_box .input_box input[type="email"]{
    border: none; 
    background-color: transparent; 
    color: #fff;  
    width: calc(100% - 68px);
    font-size: 18px;  
    width: 370px; 
    padding: 20px; 
    box-sizing: border-box; 
    height: 70px;
}

/* ✅ 수정: focus 상태 */
.contact_box .right_box .input_box input[type="text"]:focus,
.contact_box .right_box .input_box input[type="tel"]:focus,
.contact_box .right_box .input_box input[type="email"]:focus{
    outline: none;
}

/* ✅ 수정: placeholder 스타일 */
.contact_box .right_box .input_box input[type="text"]::placeholder,
.contact_box .right_box .input_box input[type="tel"]::placeholder,
.contact_box .right_box .input_box input[type="email"]::placeholder{
    color: #fff;
}

.contact_box .right_box .submit_box input[type="submit"],
.contact_box .right_box .submit_box a {
    display: inline-block; 
    background-color: #e3185c; 
    width: 246px; 
    height: 100%; 
    box-sizing: border-box; 
    border: none; 
    font-size: 18px; 
    color: #fff; 
    letter-spacing: 0.05em; 
    padding: 20px; 
    text-align: center;
}

@media all and (max-width:2200px){
    /* ✅ 수정: 반응형도 모든 타입 포함 */
    .contact_box .right_box .input_box input[type="text"],
    .contact_box .right_box .input_box input[type="tel"],
    .contact_box .right_box .input_box input[type="email"]{
        width: 250px;
    }
    .contact_box .right_box form{gap: 50px;}
}

@media all and (max-width:1700px){
    /* ✅ 수정 */
    .contact_box .right_box .input_box input[type="text"],
    .contact_box .right_box .input_box input[type="tel"],
    .contact_box .right_box .input_box input[type="email"]{
        width: 250px;
    }
    .contact_box .right_box form{flex-direction: column;}
}

@media all and (max-width:1400px){
    .contact_box .right_box .input_box{flex-wrap: wrap; justify-content: center;}
    .contact_box .right_box .input_box label{width: 350px;}
}

@media all and (max-width:1024px){
    .contact_box{flex-direction: column; gap: 30px;}
}

@media all and (max-width:768px){
    .contact_box{padding: 30px 10px;}
    .contact_box .right_box .input_box{gap: 15px;}
    .contact_box .right_box form{gap: 30px;}
    .contact_box .right_box .submit_box input[type="submit"]{width: 350px;}
}