/* 공통 시작 */
.f_blue{color:#0045da;}
.f_red{color:#d30000;}
.f_gold{color:#7a6842;}
.under_line{text-decoration: underline;}
.step_mb{padding-top:70px; padding-bottom: 100px;}
.white_box{border: 1px #e0e0e0 solid; padding: 24px 35px; margin-top: 50px; box-shadow: 2px 2px 4px rgb(0 0 0 / 5%); transition: 0.3s; }
.alert_info{position:relative; display: inline-block; font-weight: 500; margin-top: 7px; color: #cf682a; padding-left:24px; line-height:1.3;}
.alert_info:before {
    content: "!";
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
    width: 16px;
    height: 16px;
    background-color: #db773b;
    border-radius: 100%;
    color: white;
    line-height: 17px;
    text-align: center;
    font-size: 1.1rem;
}
.white_btn{position:relative; width: 180px; height: 50px; display: inline-flex; align-items: center; justify-content: center; padding:13px 14px 12px 14px;  border: 1px solid rgb(68 68 68 / 60%); box-sizing: border-box; font-size: 1.6rem; letter-spacing: -0.075rem; line-height: 1; color: #333; transition: all 0.3s;}
.white_btn:hover{border: 1px #2d2d2d solid; color:white;}
.white_btn:before{
	content: '';
	display: block;
	width: 0;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
	background-color: #2d2d2d;
	transition:all ease 0.5s;
	z-index:-1;
}
.white_btn:hover:before{
	content: '';
	display: block;
	width: 100%;
}
.pink_btn{position:relative; width: 180px; height: 50px; display: inline-flex; align-items: center; justify-content: center; padding:13px 14px 12px 14px;  border: 1px solid rgb(225 36 107); box-sizing: border-box; font-size: 1.6rem; letter-spacing: -0.075rem; line-height: 1; color: #f1005a; transition: all 0.3s;}
.pink_btn:hover{color:white;}
.pink_btn:before{
	content: '';
	display: block;
	width: 0;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
	background-color: #ff4087;
	transition:all ease 0.5s;
	z-index:-1;
}
.pink_btn:hover:before{
	content: '';
	display: block;
	width: 100%;
}
.t_hancome{color:#228fd8 !important; font-size:1.5rem;}

    /* 미디어쿼리 시작 */
    @media (max-width: 1280px){
    	.step_mb{padding-top:60px; padding-bottom: 90px;}
    	.white_box{margin-top: 30px; padding: 15px 28px;}
    }
    @media (max-width: 1024px){
    	.step_mb{padding-top:50px; padding-bottom: 80px;}
    }
    @media (max-width: 768px){
    	.step_mb{padding-top:40px; padding-bottom: 70px;}
    }
    @media (max-width: 500px){
    	.step_mb{padding-top:30px; padding-bottom: 60px;}
    	.alert_info{padding-left: 20px;}
    	.alert_info:before{width: 14px; height: 14px; line-height: 16px;}
    	.t_hancome{font-size:1.4rem;}
    }
    /* 미디어쿼리 끝*/
/* 공통 끝 */


/* 텍스트 컨텐츠 시작 */
.txt_con_frame{margin:0 auto; font-size: 1.8rem; line-height: 1.4; font-weight: 400; color: #444;}
.txt_con_frame .title{position: relative; display: block; font-size: 3.2rem;font-weight: 600; line-height: 1.5; padding-left: 35px; background: url(../images/contents/title_bullet.svg) no-repeat; background-size: 22px 21px; background-position: left center;; color: #222; margin-bottom:20px; letter-spacing:-0.5px;}
.txt_con_frame .txt_in{margin-left: 35px; margin-bottom:80px;}
.txt_con_frame .txt_in:last-child{margin-bottom:0;}
.txt_con_frame .txt_in2 .in_ul{margin-left: 20px;}
.txt_con_frame .txt_in2 .in_ul > li{font-size:1.8rem;}
.txt_con_frame b{color: #444; font-weight:700;}
.txt_con_frame .alert_info{position:relative; display: inline-block; font-weight: 500; margin-top: 7px; color: #7a6842; padding-left:24px; line-height:1.3;}
.txt_con_frame .alert_info:before {
    content: "!";
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 16px;
    height: 16px;
    background-color: #7a6842;
    border-radius: 100%;
    color: white;
    line-height: 17px;
    text-align: center;
    font-size: 1.1rem;
}
.txt_con_frame table .alert_info{font-size: 1.7rem;}
.txt_con_frame table .alert_info:before{top:3px;}
.txt_con_frame .in_gray_box{border: 1px #e0e0e0 solid; padding: 24px 35px; margin-top: 50px; box-shadow: 2px 2px 4px rgb(0 0 0 / 5%); transition: 0.3s; }
.txt_con_frame .in_gray_box .alert_info{padding-top: 1px;}
.txt_con_frame .caution_info{position:relative; display: inline-block; font-weight: 500; margin-top: 7px; color: #f44336; padding-left:22px; line-height:1.3;}
.txt_con_frame .caution_info:before {
    content: "※";
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    width: 16px;
    height: 16px;
    color: #f44336;
    line-height: 17px;
    text-align: center;
    font-size: 2.3rem;
}
.txt_con_frame .txt_p{line-height: 1.85; margin-top:-7px;}
.txt_con_mb{margin-bottom:80px;}
.underline {position: relative; z-index: 10; color: #333; font-weight: 600; padding: 0 3px;}
.underline:before {
    opacity: .1;
    content: "";
    display: block;
    position: absolute;
    bottom: -3px;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 50%;
    background: #6e7b98;
}
.pt_total_con{padding-top:10px;}

    /* 미디어쿼리 시작 */
	@media (max-width: 1500px){
		.txt_con_frame .txt_in{margin-bottom:70px;}
		.txt_con_mb{margin-bottom:70px;}
	}
	@media (max-width: 1280px){
		.txt_con_frame{font-size:1.7rem;}
		.txt_con_frame .txt_in{margin-bottom:60px;}
		.txt_con_frame .title{font-size:3.0rem; background-size: 19px 19px; background-position: left center; margin-bottom: 15px; padding-left: 32px;}
		.txt_con_frame .alert_info:before{top: 3px;}
		.txt_con_frame table .alert_info{padding-left: 22px; font-size: 1.5rem;}
		.txt_con_frame .in_gray_box{margin-top:30px; padding: 15px 28px;}
		.txt_con_mb{margin-bottom:60px;}
		.pt_total_con{padding-top:0;}
	}
	@media (max-width: 1024px){
		.txt_con_frame .txt_in{margin-bottom:50px; margin-left:0px;}
		.txt_con_frame .title {font-size:2.8rem; background-size: 18px 17px; margin-bottom: 13px; padding-left:28px;}
		.txt_con_frame .alert_info{margin-top:5px;}
		.txt_con_mb{margin-bottom:50px;}
	}
	@media (max-width: 768px){
		.txt_con_frame .title {font-size: 2.6rem; background-size: 17px 16px; margin-bottom: 12px; padding-left: 26px;}
	}
	@media (max-width: 500px){
		.txt_con_frame{font-size:1.6rem;}
		.txt_con_frame .txt_in{margin-left:0; margin-bottom:40px;}
		.txt_con_frame .title{font-size: 2.4rem; background-size: 15px 14px; margin-bottom: 10px; padding-left: 24px;}
		.txt_con_frame .alert_info{padding-left:20px; margin-top: 4px}
		.txt_con_frame .alert_info:before{width: 14px; height: 14px; line-height: 16px;}
		.txt_con_frame .txt_p{line-height: 1.7;}
		.txt_con_mb{margin-bottom:40px;}
	}
	@media (max-width: 350px){
		.txt_con_frame .title{font-size: 2.1rem; background-size: 14px 13px; margin-bottom: 10px; padding-left: 21px;}
	}
    /* 미디어쿼리 끝 */
/* 텍스트 컨텐츠 끝 */


/* 소제목 시작 */
.middle_mg{margin:70px 0;}
.st_topmb{margin-bottom:30px;}
.s_title{position:relative; font-size: 2.6rem; font-weight: 500; color: #222; padding-left: 30px; margin-bottom: 15px; letter-spacing: -0.05rem;}
.s_title:before {
    content: "";
    display: block;
    position: absolute;
    left: 4px;
    top: 13px;
    width: 8px;
    height: 11px;
    background: #a99578;
    transform: rotate(0deg) skew(-35deg, 0deg);
}
	/* 미디어쿼리 시작 */
    @media (max-width: 1280px){
    	.middle_mg{margin:60px 0;}
    }
    @media (max-width: 1024px){
    	.middle_mg{margin:50px 0;}
    	.s_title {font-size: 2.4rem; padding-left: 24px;}
    	.s_title:before{width:8px; height:10px;}
    }
    @media (max-width: 768px){
    	.st_topmb{margin-bottom:20px;}
    	.s_title {font-size: 2.3rem; padding-left: 22px;}
    	.s_title:before{top: 12px; width:7px; height:9px;}
    }
    @media (max-width: 350px){
    	.s_title {font-size: 2.1rem; margin-bottom: 8px; padding-left: 19px;}
    }
    /* 미디어쿼리 끝 */
/* 소제목  끝 */


/*기본 ul 시작*/
.txt_ul > li{position:relative; padding-left: 16px; margin-bottom: 10px;}
.txt_ul > li:before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 10px;
    width: 4px;
    height: 4px;
    background: #848380;
    border-radius: 100%;
}
.txt_ul > li:last-child{margin-bottom:0;}
.txt_ul.c1{display:inline-block; margin:0; padding:0; list-style:none;}
.txt_ul.c1 > li{margin-bottom:8px;}
.txt_ul.c1 > li:last-child{margin-bottom:0;}
.txt_ul.c1 > li:before{background:rgb(135 118 78);}

.dash_ul > li{position:relative; padding-left: 16px; margin-bottom: 10px;}
.dash_ul > li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 12px;
    width: 4px;
    height: 1px;
    background: #848380;
}
.dash_ul > li:last-child{margin-bottom:0;}
.dash_ul.c1{display:inline-block; margin:0; padding:0; list-style:none;}
.dash_ul.c1 > li{margin-bottom: 8px;}
.dash_ul.c1 > li:last-child{margin-bottom:0;}

.in_ul{margin-top:10px; margin-bottom:15px;}
.in_ul > li{margin-bottom:7px;}
.in_ul > li:before{top: 10px;}
.small_ul{padding-left: 15px; margin-bottom: 15px; margin-top: 10px;}
.small_ul li{color: #666; font-size: 1.7rem; margin-bottom: 8px; font-weight: 400;}
.num_frame{display:flex;}
.num_frame .number{font-family: 'Pretendard'; font-weight:600;}
.num_span{padding-left:6px;}
.mb_big > li{margin-bottom:30px;}
.mb_big .t_bold{font-size:1.9rem; font-weight:500; letter-spacing:-0.075rem; color:#303030;}
.mb_small > li{margin-bottom:20px;}

    /* 미디어쿼리 시작 */
	@media (max-width: 1280px){
		.txt_ul > li:before{top: 10px;}
		.mb_big .t_bold{font-size:1.8rem;}
		.in_ul{margin-top:7px;}
		.in_ul > li{padding-left: 11px; margin-bottom:5px;}
		.small_ul li{font-size:1.6rem;}
		.mb_small > li{margin-bottom:15px;}
	}
	@media (max-width: 768px){
		.mb_small > li{margin-bottom:12px;}
		.txt_ul.c1 > li{margin-bottom:5px;}
		.dash_ul.c1 > li{margin-bottom: 5px;}
	}
	@media (max-width: 500px){
		.txt_ul > li {padding-left: 13px;}
		.txt_ul > li:before{top: 9px; width: 3px; height: 3px;}
		.mb_big .t_bold{font-size:1.7rem;}
		.in_ul > li{padding-left:10px; margin-bottom: 3px;}
		.small_ul li{font-size:1.5rem;}
		.dash_ul.c1 > li{padding-left:11px;}
		.dash_ul > li:before{top:10px;}
		.txt_ul.c1 > li{padding-left:10px;}
	}
    /* 미디어쿼리 끝 */
/*기본 ul 끝*/


/* 하단 여백 시작 */
.mb-block{margin-bottom:100px;}

    /* 미디어쿼리 시작 */
	@media (max-width: 1500px){
		.mb-block{margin-bottom:70px;}
	}
	@media (max-width: 1280px){
		.mb-block{margin-bottom:60px;}
	}
	@media (max-width: 1024px){
		.mb-block{margin-bottom:50px;}
	}
	@media (max-width: 500px){
		.mb-block{margin-bottom:40px;}
	}
    /* 미디어쿼리 끝 */
/* 하단 여백 끝 */


/* 탭 시작 */
.con_tab{max-width:1540px; margin: 0 auto 60px auto;}
.con_tab.board_pd{padding-top:30px; margin-bottom: 40px;}
.con_tab ul{display:flex; justify-content: space-between;}
.con_tab.col2 ul li{width:calc((100% / 2) - 5px);}
.con_tab.col2 ul li:last-child{margin-right:0;}
.con_tab.col3 ul li{width:calc((100% / 3) - 7px);}
.con_tab.col3 ul li:last-child{margin-right:0;}
.con_tab.col4 ul li{width:calc((100% / 4) - 7px);}
.con_tab.col4 ul li:last-child{margin-right:0;}
.con_tab.col5 ul li{width:calc((100% / 5) - 7px);}
.con_tab.col5 ul li:last-child{margin-right:0;}
.con_tab.col6 ul{gap:0 7px;}
.con_tab.col6 ul li{width:calc((100% / 6) - (35px / 7));}
.con_tab.col6 ul li:last-child{margin-right:0;}
.con_tab.col7 ul li{width:calc((100% / 7) - 9px);}
.con_tab.col7 ul li:last-child{margin-right:0;}
.con_tab ul li a{position: relative; width: 100%; height:100%; display:inline-flex; align-items: center; justify-content: center;font-weight: 400; font-size: 1.8rem; line-height: 1; text-align: center; color: #666; border: 1px solid #e0e0e0; background: #ffffff; padding: 17px 10px; font-weight:500; letter-spacing:-0.5px; transition:0.3s;}
.con_tab ul li a:hover {color:#7a6842; font-weight: 500;}
.con_tab ul li.active a {position:relative; box-sizing: border-box; font-weight: bold; box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 17px; background: rgb(255, 255, 255); border-color:#1f1f1f; color: black; font-weight:600;}

    /* 미디어쿼리 시작 */
	@media (min-width: 1025px){
		.con_tab.col2 ul{justify-content: center; gap: 0 10px;}
		.con_tab.col2 ul li{max-width: 507px;}
	}
	@media (max-width: 1280px){
		.con_tab {margin-bottom: 50px;}
		.con_tab ul li a{font-size: 1.7rem; padding: 16px 10px;}
	}
	@media (max-width: 1024px){
		.con_tab.col2 ul li{width:calc((100% / 2) - 4px);}
		.con_tab.col3 ul li{width:calc((100% / 3) - 5px);}
		.con_tab.col4 ul li{width:calc((100% / 4) - 6px);}
		.con_tab.col5 ul li{width:calc((100% / 5) - 6px);}
		.con_tab.col6 ul{gap:7px; flex-wrap: wrap;}
		.con_tab.col6 ul li {width: calc((100% / 3) - (14px / 3));}
	}
	@media (max-width: 768px){
		.con_tab{margin-bottom:40px;}
		.con_tab ul li a{font-size: 1.6rem; padding: 13px 10px;}
		.con_tab ul li.active a{box-shadow: 0 10px 17px rgb(0 0 0 / 15%);}
		.con_tab.col2 ul li{width:calc((100% / 2) - 2.5px);}
		.con_tab.col3 ul li{width:calc((100% / 3) - 3px);}
		.con_tab.col4 ul li{width:calc((100% / 4) - 4px);}
		.con_tab.col5 ul li{width:calc((100% / 5) - 4px);}
		.con_tab.col6 ul li{width:calc((100% / 6) - 4px);}
	}
	@media (max-width: 500px){
		.con_tab.col4 ul{flex-wrap:wrap;}
		.con_tab.col4 ul li{width:calc((100% / 2) - 3px); margin-bottom: 6px;}
		.con_tab.col4 ul li:nth-child(3){margin-bottom:0;}
		.con_tab.col4 ul li:nth-child(4){margin-bottom:0;}
		.con_tab.col5 ul{flex-wrap:wrap;}
		.con_tab.col5 ul li{width:calc((100% / 2) - 3px); margin-bottom: 6px;}
		.con_tab.col5 ul li:nth-child(5){margin-bottom:0;}
		.con_tab {margin-bottom: 35px;}
		.con_tab ul li a {font-size: 1.5rem; padding: 11px 10px;}
		.con_tab ul li.active a {box-shadow: 0 3px 7px rgb(0 0 0 / 15%);}
	}
	@media (max-width: 450px){
		#lecture_tab.col5 ul li{width:calc((100% / 2) - 3px); margin-bottom: 6px;}
		#lecture_tab.col5 ul li:last-child{margin-top:0; margin-bottom:0;}
		.con_tab.col6 ul li{width: calc((100% / 2) - (7px / 2));}
	}
	@media (max-width: 350px){
		.con_tab {margin-bottom: 30px;}
		.con_tab ul li a {padding: 11px 10px;}
	}
	/* 미디어쿼리 끝 */
/* 탭 끝 */


/* 테이블 시작 */
.table_wrap{overflow-x:auto;}
.table_wrap.scroll_x{position:relative;}
.m_scroll_info{display:none; position: sticky; top: 0px; left: 0px; width: 100%; justify-content: flex-start; align-items: center; z-index: 10; padding: 8px 13px; box-sizing: border-box; border: 1px #d4d4d4 dotted;  margin-bottom: 13px; font-size: 1.6rem; font-weight: 500; color: #444; letter-spacing: -0.5px;}
.m_scroll_info span{display:inline-block; position: relative; padding-left: 30px; color: #7a6841; font-weight: 600; font-size: 1.6rem; line-height: 1.3; padding-top:2px;letter-spacing: -0.075rem;}
.m_scroll_info span > i{position: absolute; top:0; left:0; height: 100%; font-size:3rem; transform: rotate(90deg);}
.table_type1{margin-top:1px; position:relative; font-size:1.8rem;}
.table_type1:before{
    content:"";
    width: 100%;
    height: 2px;
	background-color:#3e3e3e;
    position: absolute;
    top: -1px;
    left: 0px;
}
.table_type1.vm th, .table_type1.vm td{vertical-align:middle;}
.table_type1.pd_30 th, .table_type1.pd_30 td{padding-left:30px; padding-right:30px;}
.table_type1 thead th{background:#fafafa; border-right: 1px solid #dfdfdf;}
.table_type1 thead th:last-child{border-right:none;}
.table_type1 thead th.br_plus{border-right: 1px solid #dfdfdf;}
.table_type1 thead th.bb_plus{border-bottom: 1px solid #dfdfdf;}
.table_type1 tbody th{background:#f7f7f7; border:1px solid #e9e9e9;  font-weight:600; color:#222;}
.table_type1 thead + tbody th{border-right-color:#e9e9e9;}
.table_type1 th{padding:15px; letter-spacing:-0.5px; line-height:1.4; word-break:keep-all; text-align:center; font-weight:600;}
.table_type1 td{padding:18px 15px; letter-spacing:-0.5px; line-height:1.4; word-break:keep-all;}
.table_type1 tbody td{border:1px solid #e9e9e9; text-align:left; font-weight:400;}
.table_type1 tbody tr.t_center td{text-align:center;}
.table_type1 tbody tr td:last-child{border-right-width:0px;}
.table_type1 tbody tr td:first-child,
.table_type1 tbody tr th:first-child{border-left-width:0px;}
.table_type1 thead + tbody tr td{text-align:center;}

	/* 미디어쿼리 시작 */
	@media (min-width: 1280px) {
		.table_type1.little_t  th{font-size:1.7rem;}
	}
	@media (max-width: 768px) {
		.table_type1{font-size:1.6rem;}
		.table_type1 th {padding: 11px 15px;}
		.table_type1.pd_30 th, .table_type1.pd_30 td{padding: 12px 15px 10px 15px;}
		.table_type1.pd_30 tbody td{padding:17px 15px 15px 15px;}
	}
	@media (max-width: 500px) {
		.table_type1{font-size:1.5rem;}
		.table_type1 thead th{padding:11px 10px 9px 10px;}
		.table_type1 td{padding:15px 10px;}
		.m_scroll_info span{font-size:1.5rem; padding-left:28px;}
		.m_scroll_info span > i{font-size:2.4rem;}
	}
	/* 미디어쿼리 끝 */
/* 테이블 끝 */

/* 테이블 2줄 시작 */
.table_type1.twoline th, .table_type1.twoline td {
  width: 25%;
}
.table_type1.twoline tbody th.b_l{border-left: 1px solid #e9e9e9;}

	/* 미디어쿼리 시작 */
	@media (max-width: 768px) {
	  .table_type1.twoline tr th,
	  .table_type1.twoline tr td {
	    display: block;
	    width: 100%; /* 한 줄에 꽉 차게 */
	    text-align: left;
	  }
	  .table_type1.twoline tr th, .table_type1.twoline tr td{border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9;}
	  .table_type1.twoline th, .table_type1.twoline td{border-top:none;}
	  .table_type1.twoline tbody tr td:last-child{border-right-width: 1px;}
	  .table_type1.twoline tbody tr td:first-child, .table_type1.twoline tbody tr th:first-child {border-left-width: 1px;}
	}
	/* 미디어쿼리 끝 */
/* 테이블 2줄 끝 */


/*상단 문구 및 이미지 영역 시작*/
.intro_txt_zone{display: flex; padding-bottom: 50px; border-bottom: 1px #e0e0e0 dotted; margin-bottom:60px;}
.intro_txt_zone .left_zone{width: 22%;}
.intro_txt_zone .left_zone .left_title{font-size: 3.6rem; font-weight: 600; padding-top:3px;}
.intro_txt_zone .left_zone .left_title .en_gray {font-family: 'Tenor Sans'; color: #d8dadb; width: 100%; display: block; font-weight: 600; margin-top: 10px; letter-spacing: -0.5px; font-size: 3rem; line-height: 1;}
.intro_txt_zone .right_zone{width: 78%;}
.intro_txt_zone .right_zone .txt_p{font-size: 1.8rem; line-height: 35px; color: #666; font-weight: 400; letter-spacing: -0.5px; padding-top:6px;}

	/* 미디어쿼리 시작*/
	@media (min-width: 769px){
		.intro_txt_zone{padding-top:10px;}
	}
	@media (max-width: 1500px){
		.intro_txt_zone .left_zone {width: 25%;}
		.intro_txt_zone .right_zone{width:75%;}
		.intro_txt_zone .left_zone .left_title{font-size: 3.5rem;}
		.intro_txt_zone .left_zone .left_title .en_gray{font-size: 2.8rem; margin-top: 5px;}
	}
	@media (max-width: 1280px){
		.intro_txt_zone{padding-bottom: 40px; margin-bottom: 50px;}
		.intro_txt_zone .left_zone .left_title{font-size: 3.2rem;}
		.intro_txt_zone .left_zone .left_title .en_gray{font-size: 2.7rem; margin-top: 3px;}
		.intro_txt_zone .right_zone .txt_p{font-size: 1.7rem;}
	}
	@media (max-width: 1150px){
		.intro_txt_zone{flex-wrap: wrap; padding-bottom: 30px; margin-bottom: 40px;}
		.intro_txt_zone .left_zone{width: 100%;}
		.intro_txt_zone .left_zone .left_title{font-size: 3rem; padding-top: 0; display: flex; width: 100%; align-items: flex-end; line-height: 1; margin-bottom: 15px;}
		.intro_txt_zone .left_zone .left_title .en_gray{width: auto; margin-left: 10px; font-size: 2.6rem;}
		.intro_txt_zone .right_zone{width:100%;}
		.intro_txt_zone .right_zone .txt_p{line-height:1.9;}
	}
	@media (max-width: 1024px){
		.intro_txt_zone .left_zone .left_title{font-size: 2.8rem;}
		.intro_txt_zone .left_zone .left_title .en_gray{font-size: 2.3rem; margin-left:8px;}
	}
	@media (max-width: 768px){
		.intro_txt_zone{padding-top:5px; padding-bottom: 25px;}
		.intro_txt_zone .left_zone .left_title{font-size: 2.6rem;}
		.intro_txt_zone .left_zone .left_title .en_gray{font-size: 2.2rem;}
		.intro_txt_zone .right_zone .txt_p{font-size:1.6rem; line-height: 1.8;}
	}
	@media (max-width: 500px){
		.intro_txt_zone{margin-bottom: 30px; padding-top:5px; padding-bottom: 20px;}
		.intro_txt_zone .left_zone .left_title{font-size: 2.4rem; letter-spacing: -0.075rem;}
		.intro_txt_zone .left_zone .left_title .en_gray{font-size:1.8rem;}
	}
	@media (max-width: 350px){
		.intro_txt_zone{margin-bottom:20px;}
		.intro_txt_zone .left_zone .left_title{font-size: 2.1rem; margin-bottom: 13px;}
		.intro_txt_zone .left_zone .left_title .en_gray {font-size: 1.6rem;}
	}
	/* 미디어쿼리 끝 */
/*상단 문구 및 이미지 영역 끝*/


/* 로그인페이지 시작 */
.login_zone{display:flex; padding-bottom:135px; background-color:#fafbfb;}
.login_zone .lg_title_field{padding-bottom:24px; border-bottom:1px black solid; margin-bottom:44px;}
.login_zone .lg_title_field .lg_title{font-size:4rem; line-height:1; letter-spacing:-0.2rem; font-weight:300;}
.login_zone .lg_title_field .lg_bold{font-weight:600;}
.login_zone .lg_title_field .lg_title > span{letter-spacing:-0.2rem;}
.login_zone .member_login_zone{width:calc(100% - 753px); padding:88px 143px 100px 143px; background-color:white; border-bottom:1px #d9d9d9 solid;}
.login_zone .member_login_zone .lg_input_field .lg_input_group {display:flex;}
.login_zone .member_login_zone .lg_input_field .lg_input_group .lg_form{width:calc(100% - 140px); padding-right:11px;}
.login_zone .member_login_zone .lg_input_field .lg_input_group .lg_form > li:first-child{margin-bottom:10px;}
.login_zone .member_login_zone .lg_input_field .lg_input_group .lg_form .lg_input{width:100%; height:60px; border:1px #cccccc solid; font-size:1.8rem; line-height:1; font-weight:500; color:black; padding: 0 18px;}
.login_zone .member_login_zone .lg_input_field .lg_input_group .lg_form .lg_input::placeholder{color:#555555; font-weight:400;}
.login_zone .member_login_zone .lg_input_field .lg_input_group .lg_form > li.pw{position:relative;}
.login_zone .member_login_zone .lg_input_field .lg_input_group .lg_form > li.pw button.showPassword{width: 26px; height: 21px; text-indent: -9999px; overflow: hidden; background: url(../images/contents/icon_view_eye.svg) center no-repeat; background-size:contain; position: absolute; top:50%; transform:translate(0, -50%); right:19px;}
.login_zone .member_login_zone .lg_input_field .lg_input_group .lg_form > li.pw button.showPassword.on{background-image: url(../images/contents/icon_view_eye_open.svg);}
.login_zone .member_login_zone .lg_input_field .lg_input_group .lg_btn{width:140px; height:130px; background-color:#111111; color:white; font-size:2rem; font-weight:600; box-shadow:5px 10px 16px rgb(0 0 0 / 30%); border-radius:5px;}
.login_zone .social_login_zone{width:753px; background-color:white; border-bottom:1px #d9d9d9 solid;}
.login_zone .member_login_zone .lg_etc_group{display: flex; justify-content: space-between; width: calc(100% - 150px); margin-top: 26px;}
.login_zone .member_login_zone .lg_etc_group .id_remember .idr_check{display:inline-flex; align-items:center; font-size:0; margin-left:-3px;}
.login_zone .member_login_zone .lg_etc_group .id_remember .idr_check i{font-size: 28px;}
.login_zone .member_login_zone .lg_etc_group .id_remember .idr_check i.check-o{color:black;}
.login_zone .member_login_zone .lg_etc_group .id_remember .idr_check i.check-x{color:#ccc;}
.login_zone .member_login_zone .lg_etc_group .id_remember .idr_check span{font-size:1.7rem; font-weight:600; color:black; line-height:1; margin-top:2px; margin-left:5px;}
.login_zone .member_login_zone .lg_etc_group .lg_form{display: inline-flex; align-items: center;}
.login_zone .member_login_zone .lg_etc_group .lg_form li{display: inline-flex; align-items: center; margin-right:26px; margin-left:20px; position:relative;}
.login_zone .member_login_zone .lg_etc_group .lg_form li:before{
	content: '';
    display: block;
    width: 1px;
    height: 16px;
    position: absolute;
	top: 50%;
    right: -26px;
    transform: translate(0, -50%);
    background-color:#ccc;
}
.login_zone .member_login_zone .lg_etc_group .lg_form li:last-child:before{display:none;}
.login_zone .member_login_zone .lg_etc_group .lg_form li:first-child{margin-left:0;}
.login_zone .member_login_zone .lg_etc_group .lg_form li:last-child{margin-right:0;}
.login_zone .member_login_zone .lg_etc_group .lg_form li > a{display: inline-flex; align-items: center; color:#2a2a2a; font-size:1.7rem;}
.login_zone .member_login_zone .lg_etc_group .lg_form li > a > span{margin-top: 2px; margin-left:5px; font-weight: 400; color: #2a2a2a;}
.login_zone .member_login_zone .lg_etc_group .lg_form li > .find_go_btn_wrap{display: inline-flex; align-items: center; color:#2a2a2a; font-size:1.7rem;}
.login_zone .member_login_zone .lg_etc_group .lg_form li > .find_go_btn_wrap .link_in{margin-top: 2px; font-weight: 400; color: #2a2a2a; letter-spacing: -0.075rem;}
.login_zone .member_login_zone .lg_etc_group .lg_form li > .find_go_btn_wrap .middot{margin-left:5px; margin-right:5px;}
.login_zone .member_login_zone .lg_etc_group .lg_form .xi-lock{color:#555; font-size:21px;}
.login_zone .member_login_zone .lg_etc_group .lg_form .xi-user{color:#555; font-size:24px;}

.login_zone .social_login_zone{padding:89px 143px 100px 143px; border-left:1px #d9d9d9 solid;}
.login_zone .social_login_zone .lg_sns_group .sns_login_list{width:100%;}
.login_zone .social_login_zone .lg_sns_group .sns_login_list > li{width:100%; height:58px; text-align:center; position:relative; margin-bottom:7px;}
.login_zone .social_login_zone .lg_sns_group .sns_login_list > li:last-child{margin-bottom:0;}
.login_zone .social_login_zone .lg_sns_group .sns_login_list > li > a{display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.login_zone .social_login_zone .lg_sns_group .sns_login_list > li span.sl_name{font-size:1.7rem; line-height:1; letter-spacing: -0.03rem; font-weight:600;}
.login_zone .social_login_zone .lg_sns_group .sns_login_list > li.sl_kakao{background-color:#fee500;}
.login_zone .social_login_zone .lg_sns_group .sns_login_list > li.sl_kakao:before{
	content: '';
    display: block;
    width: 22px;
    height: 20px;
    position: absolute;
	top: 50%;
    left: 20px;
    transform: translate(0, -50%);
	background: url(../images/contents/icon_social_login_kakao.svg) center no-repeat;
	background-size:22px 20px;
}
.login_zone .social_login_zone .lg_sns_group .sns_login_list > li.sl_kakao span.sl_name{color: #191919;}
.login_zone .social_login_zone .lg_sns_group .sns_login_list > li.sl_naver{background-color:#03c75a;}
.login_zone .social_login_zone .lg_sns_group .sns_login_list > li.sl_naver:before{
	content: '';
    display: block;
    width: 22px;
    height: 18px;
    position: absolute;
	top: 50%;
    left: 20px;
    transform: translate(0, -50%);
	background: url(../images/contents/icon_social_login_naver.svg) center no-repeat;
	background-size:contain;
}
.login_zone .social_login_zone .lg_sns_group .sns_login_list > li.sl_naver span.sl_name{color:white;}
.login_zone .social_login_zone .lg_sns_group .sns_login_list > li.sl_google{background-color:#fff; border:2px #e9e9e9 solid;}
.login_zone .social_login_zone .lg_sns_group .sns_login_list > li.sl_google:before{
	content: '';
    display: block;
    width: 21px;
    height: 22px;
    position: absolute;
	top: 50%;
    left: 19px;
    transform: translate(0, -50%);
	background: url(../images/contents/icon_social_login_google.svg) center no-repeat;
	background-size:contain;
}
.login_zone .social_login_zone .lg_sns_group .sns_login_list > li.sl_google span.sl_name{color:#444;}

    /* 미디어쿼리 시작 */
    @media (max-width: 1480px){
    	.login_zone .lg_title_field .lg_title{font-size:3.8rem;}
    }
    @media (min-width:1025px) and (max-width:1800px){
    	.login_zone .member_login_zone{width:60%; padding:88px 5% 100px 5%; display: flex; flex-wrap: wrap; justify-content: center;}
    	.login_zone .member_login_zone .lg_title_field{max-width:686px; width:100%;}
    	.login_zone .member_login_zone .lg_input_field{max-width: 686px; width: 100%;}
    	.login_zone .social_login_zone{width:40%; padding:88px 5% 100px 5%; display: flex; flex-wrap: wrap; justify-content: center;}
    	.login_zone .social_login_zone .lg_title_field{max-width: 466px; width: 100%;}
    	.login_zone .social_login_zone .lg_sns_group{max-width: 466px; width: 100%;}
    	.login_zone .social_login_zone .lg_sns_group .sns_login_list > li > a{padding-left:20px;}
    }
    @media (min-width:1025px) and (max-width:1280px){
    	.login_zone{padding-bottom:100px;}
    	.login_zone .lg_title_field{padding-bottom:20px; margin-bottom:35px;}
    	.login_zone .lg_title_field .lg_title{font-size:3.4rem;}
    	.login_zone .member_login_zone{padding: 80px 5% 80px 5%;}
    	.login_zone .member_login_zone .lg_input_field .lg_input_group{flex-wrap:wrap;}
    	.login_zone .member_login_zone .lg_input_field .lg_input_group .lg_form{width:100%; padding:0;}
    	.login_zone .member_login_zone .lg_input_field .lg_input_group .lg_btn{width:100%; height:58px; margin-top: 9px; font-size: 1.8rem; border-radius: 3px;}
    	.login_zone .member_login_zone .lg_etc_group{width:100%;}
    	.login_zone .member_login_zone .lg_etc_group .lg_form li{margin-left:15px; margin-right:15px;}
    	.login_zone .member_login_zone .lg_etc_group .lg_form li > a{font-size:1.6rem;}
    	.login_zone .member_login_zone .lg_etc_group .lg_form li > a > span{letter-spacing:-0.05rem;}
    	.login_zone .member_login_zone .lg_etc_group .lg_form li > .find_go_btn_wrap{font-size:1.6rem;}
    	.login_zone .member_login_zone .lg_etc_group .lg_form li > .find_go_btn_wrap .link_in{letter-spacing:-0.05rem;}
    	.login_zone .member_login_zone .lg_etc_group .lg_form li:before{height:12px; right:-16px;}
    	.login_zone .social_login_zone{padding: 80px 5% 80px 5%; align-items: flex-start;}
    	.login_zone .social_login_zone .lg_sns_group{height:100%;}
    }
    @media (max-width: 1024px){
    	.login_zone{flex-wrap:wrap; padding-bottom: 0;}
    	.login_zone .lg_title_field{width:100%; max-width:615px; padding-bottom: 22px; margin-bottom: 35px;}
    	.login_zone .lg_title_field .lg_title{font-size:3.6rem;}
    	.login_zone .member_login_zone{width:100%; padding: 80px 10% 80px 10%; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
  		.login_zone .member_login_zone .lg_input_field{width: 100%; max-width: 615px;}
    	.login_zone .member_login_zone .lg_etc_group{margin-top:20px;}
    	.login_zone .member_login_zone .lg_etc_group .lg_form li{margin-left:10px; margin-right:15px;}
    	.login_zone .member_login_zone .lg_etc_group .lg_form li > a{font-size:1.6rem;}
    	.login_zone .member_login_zone .lg_etc_group .lg_form li > a > span{letter-spacing:-0.05rem;}
    	.login_zone .member_login_zone .lg_etc_group .lg_form li > .find_go_btn_wrap{font-size:1.6rem;}
    	.login_zone .member_login_zone .lg_etc_group .lg_form li > .find_go_btn_wrap .link_in{letter-spacing:-0.05rem;}
    	.login_zone .member_login_zone .lg_etc_group .lg_form li:before{height:12px; right:-16px;}
  		.login_zone .social_login_zone{border-left:none; padding: 80px 10% 90px 10%;}
  		.login_zone .social_login_zone{display:flex; align-items: center; justify-content: center; flex-wrap:wrap; width:100%;}
  		.login_zone .social_login_zone .lg_sns_group{width:100%; max-width: 615px;}
    }
    @media (max-width: 768px){
    	.login_zone .lg_title_field{padding-bottom: 18px; margin-bottom: 25px;}
    	.login_zone .lg_title_field .lg_title{font-size:3.2rem;}
    	.login_zone .member_login_zone{padding:70px 10% 70px 10%;}
    	.login_zone .member_login_zone .lg_input_field .lg_input_group{flex-wrap:wrap;}
    	.login_zone .member_login_zone .lg_input_field .lg_input_group .lg_form{width:100%; padding:0;}
    	.login_zone .member_login_zone .lg_input_field .lg_input_group .lg_form .lg_input{height:52px; font-size:1.7rem;}
    	.login_zone .member_login_zone .lg_input_field .lg_input_group .lg_form > li:first-child{margin-bottom:8px;}
    	.login_zone .member_login_zone .lg_input_field .lg_input_group .lg_btn{width:100%; height:54px; margin-top: 10px; font-size: 1.7rem; border-radius: 3px;}
    	.login_zone .member_login_zone .lg_etc_group{width:100%;}
    	.login_zone .social_login_zone{padding:70px 10% 80px 10%;}
    }
    @media (max-width: 570px){
     	.login_zone .member_login_zone .lg_etc_group .id_remember .idr_check span{font-size:1.6rem;}
     	.login_zone .member_login_zone .lg_etc_group{flex-wrap:wrap;}
     	.login_zone .member_login_zone .lg_etc_group .lg_form{width: 100%; margin-top: 25px; justify-content: space-between; flex-wrap:wrap;}
     	.login_zone .member_login_zone .lg_etc_group .lg_form li{justify-content: center; height: 46px; margin-left: 0; margin-right: 0; width: calc(50% - 2.5px); border: 1px #cccccc solid; border-radius: 3px; box-shadow: 2px 2px 1px rgb(0 0 0 / 5%);}
     	.login_zone .member_login_zone .lg_etc_group .lg_form li:before{display:none;}
     	.login_zone .member_login_zone .lg_etc_group .lg_form li > a{width:100%; height:100%; padding: 10px 15px; display: inline-flex; align-items: center; justify-content: center;}
     	.login_zone .member_login_zone .lg_etc_group .lg_form li > a > span{margin-top:0;}
     	.login_zone .member_login_zone .lg_etc_group .lg_form li.find_btn{width:100%; padding:0; border:none; margin-bottom:8px; box-shadow: none;}
     	.login_zone .member_login_zone .lg_etc_group .lg_form li.join_btn{height:46px;}
     	.login_zone .member_login_zone .lg_etc_group .lg_form li > .find_go_btn_wrap{width: 100%; height: 100%; gap:8px;}
     	.login_zone .member_login_zone .lg_etc_group .lg_form li > .find_go_btn_wrap .link_in{width:100%; height: 100%; display: inline-flex; align-items: center; justify-content: center; padding: 1px 15px 0 15px; border: 1px #cccccc solid; border-radius: 3px; box-shadow: 2px 2px 1px rgb(0 0 0 / 5%); margin:0;}
     	.login_zone .member_login_zone .lg_etc_group .lg_form li > .find_go_btn_wrap .middot{display:none;}
     	.login_zone .member_login_zone .lg_etc_group .lg_form li.join_btn{width:100%;}
     }
    @media (max-width: 500px){
    	.login_zone .lg_title_field{padding-bottom:15px; margin-bottom:20px;}
    	.login_zone .lg_title_field .lg_title{font-size:2.6rem;}
    	.login_zone .member_login_zone{padding:50px 10% 50px 10%;}
    	.login_zone .member_login_zone .lg_input_field .lg_input_group .lg_form .lg_input {height: 50px; font-size: 1.5rem; padding: 0 15px;}
    	.login_zone .member_login_zone .lg_etc_group .id_remember .idr_check span{font-size:1.5rem;}
    	.login_zone .member_login_zone .lg_etc_group .lg_form li{height:45px;}
    	.login_zone .member_login_zone .lg_etc_group .lg_form li.join_btn{height:45px;}
    	.login_zone .member_login_zone .lg_etc_group .lg_form li > a{font-size:1.5rem;}
    	.login_zone .member_login_zone .lg_etc_group .lg_form li > a > span{margin-top: 1px; margin-left: 3px;}
    	.login_zone .member_login_zone .lg_etc_group .lg_form li > .find_go_btn_wrap{font-size:1.5rem;}
    	.login_zone .member_login_zone .lg_etc_group .lg_form li > .find_go_btn_wrap .link_in{margin-top:0;}
     	.login_zone .member_login_zone .lg_input_field .lg_input_group .lg_form > li:first-child{margin-bottom:6px;}
     	.login_zone .member_login_zone .lg_input_field .lg_input_group .lg_btn{margin-top:8px;}
    	.login_zone .member_login_zone .lg_input_field .lg_input_group .lg_form > li.pw button.showPassword{width:24px; height:18px; right:15px;}
    	.login_zone .social_login_zone .lg_sns_group .sns_login_list > li{height:55px;}
    	.login_zone .social_login_zone .lg_sns_group .sns_login_list > li span.sl_name{font-size:1.6rem; padding-top:2px; padding-left:10px;}
    	.login_zone .social_login_zone {padding: 50px 10% 60px 10%;}
    }
    @media (max-width: 450px){
    	.login_zone .member_login_zone .lg_etc_group .lg_form{flex-wrap:wrap;}
    	.login_zone .member_login_zone .lg_etc_group .lg_form li.find_btn{width:100%;}
    	.login_zone .member_login_zone .lg_etc_group .lg_form li.join_btn{width:100%;}
    	.login_zone .member_login_zone .lg_etc_group .lg_form .xi-lock{display:none;}
    	.login_zone .member_login_zone .lg_etc_group .lg_form .xi-user{display:none;}
    	.login_zone .member_login_zone .lg_etc_group .lg_form li > a > span{margin-top:0;}
    }
    @media (max-width: 350px){
    	.login_zone .member_login_zone{padding: 40px 30px 40px 30px;}
    	.login_zone .lg_title_field{padding-bottom: 12px; margin-bottom: 18px;}
    	.login_zone .lg_title_field .lg_title{font-size: 2.3rem;}
    	.login_zone .member_login_zone .lg_input_field .lg_input_group .lg_form .lg_input{height:48px;}
    	.login_zone .member_login_zone .lg_input_field .lg_input_group .lg_form > li:first-child{margin-bottom:5px;}
    	.login_zone .member_login_zone .lg_input_field .lg_input_group .lg_btn{height:50px; font-size: 1.6rem;}
    	.login_zone .member_login_zone .lg_etc_group .id_remember .idr_check span{font-size:1.5rem;}
    	.login_zone .member_login_zone .lg_etc_group .lg_form{flex-wrap:wrap;}
    	.login_zone .member_login_zone .lg_etc_group .lg_form li{height:43px;}
    	.login_zone .member_login_zone .lg_etc_group .lg_form li.join_btn{height:43px;}
    	.login_zone .member_login_zone .lg_etc_group .lg_form li.find_btn{width:100%;}
    	.login_zone .member_login_zone .lg_etc_group .lg_form li.join_btn{width:100%;}
    	.login_zone .member_login_zone .lg_etc_group .lg_form li > a > span{margin-top:2px;}
    	.login_zone .social_login_zone{padding:40px 30px 50px 30px;}
    	.login_zone .social_login_zone .lg_sns_group .sns_login_list > li{height:50px;}
    	.login_zone .social_login_zone .lg_sns_group .sns_login_list > li span.sl_name{font-size: 1.5rem; padding-left: 20px;}
    	.login_zone .social_login_zone .lg_sns_group .sns_login_list > li.sl_kakao:before{width:19px; height:18px; background-size: 19px 18px;}
    	.login_zone .social_login_zone .lg_sns_group .sns_login_list > li.sl_naver:before{width:17px; height:18px;}
    	.login_zone .social_login_zone .lg_sns_group .sns_login_list > li.sl_google:before{width:19px; height:20px; left: 18px;}
    }
    /* 미디어쿼리 끝 */
/* 로그인페이지 끝 */

/* 회원가입 - 진행단계표시 시작 */
.nav_register{display: flex; justify-content: space-around; width:100%; overflow:hidden; box-shadow: 0 2px 5px rgb(0 0 0 / 5%); margin-bottom:60px;} 
.nav_register > li{display: inline-flex; align-items: center; justify-content: center; position: relative; flex: 1; height: 55px; background-color: #fcfcfc; border: 1px solid #e0e0e0; box-sizing: border-box; } 
.nav_register > li:first-child span{padding-left:0;}
.nav_register > li span{font-size: 1.8rem; color: #737373; text-align: center; padding-left:20px; z-index:5;} 
.nav_register > li:after{
	content: ""; 
	display: block; 
	width: 38px; 
	height: 38px;
	background-color: #fcfcfc;
	border-top: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	position: absolute;
	right: 0;
	top: 50%;
	z-index: 1;
	-webkit-transform: translate(50%, -50%) rotate(45deg);
	transform: translate(50%, -50%) rotate(45deg);
} 
.nav_register > li:last-child:after{display: none;} 
.nav_register > li.act{background-color: #7a6842; border: 1px solid #7a6842; } 
.nav_register > li.act span{color:white; font-weight:600;} 
.nav_register > li.act:after{background-color: #7a6842; border: 1px solid #7a6842;}

    /* 미디어쿼리 시작 */
    @media (max-width: 1280px){
    	.nav_register{margin-bottom:40px;}
    	.nav_register > li{height:48px;}
    	.nav_register > li:after{width:33px; height:33px;}
    	.nav_register > li span{font-size:1.6rem;}
    }
    @media (max-width: 768px){
    	.nav_register{margin-bottom:30px;}
    	.nav_register > li{height:44px;}
    	.nav_register > li:after{width:30px; height:30px;}
    }
    @media (max-width: 650px){
    	.nav_register{border-left: 1px solid #e0e0e0;}
    	.nav_register > li{height:40px; border-left:none;}
    	.nav_register > li:after{right: -1px; width:10px; height:10px;}
    	.nav_register > li span{font-size:1.5rem; padding-left:0;}
    }
    @media (max-width: 500px){
    	.nav_register > li{height: 38px;}
    	.nav_register > li:after{width:7px; height:7px;}
    	.nav_register > li span{padding:0; font-size:1.4rem; letter-spacing: -0.05rem;}
    }
    /* 미디어쿼리 끝 */
/* 회원가입 - 진행단계표시 끝 */


/* 회원가입 - 회원구분 시작 */
.join_cate_frame{background: rgb(249 249 249 / 50%);}
.join_cate_box_wrap{display:flex; justify-content: space-between; margin-top:20px;}
.join_cate_box{display:inline-flex; flex-wrap:wrap; justify-content: center; align-content:space-between; width:calc((100% - 20px) / 2); /*border:1px solid #ecedf1;*/ border: 1px solid #e0e0e0; overflow:hidden; transition:0.5s; text-align:center; background-color:white;}
.join_cate_box .top{padding:0 5%;}
.join_cate_box .jc_title{font-size: 2.6rem; color: #111; font-weight:700;}
.join_cate_box .img_box .circle{position:relative; width:200px; height:200px; border-radius:100%; background-color:#f9fafc; margin-bottom:20px; margin-top:50px; display:inline-block;}
.join_cate_box img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:100px; opacity:0.8;}
.join_cate_box .img_box .circle.adult img{top: calc(50% - 5px);}
.join_cate_box:hover{border:1px solid #111; box-shadow: 5px 5px 8px 0 rgb(73 81 104 / 10%); transform:translate(-3px,-3px); cursor:pointer;}
.join_cate_box:hover button.btn, .join_cate_in:hover a.btn{background-color: #111; color: #f0f4ff; font-weight:600;}
.join_cate_box:hover .img_box .circle img{opacity:1;}
.join_cate_box button.btn{font-size:1.8rem; color:#a6a6a6; background-color:#f9fafc; padding:20px; width:100%; display:block; transition: background 0.3s ease;}
.join_cate_box .jc_detail{font-size: 1.7rem; line-height:1.2; font-weight: 400; letter-spacing: -0.075rem; margin-top: 15px; color: #454545;}
.join_cate_box .jc_etc > li{background-color: #fff0f0; display: inline-flex; align-items: center; padding: 8px 20px; margin-top: 20px; color: #e51700; letter-spacing: -0.05rem; font-weight: 500; font-size: 1.5rem; border-radius:5px;}
.join_cate_box .jc_etc i{font-size:2.2rem; margin-right:5px;}
.join_cate_box .btn_wrap{width:100%; margin-top:40px;}

    /* 미디어쿼리 시작 */
    @media (max-width: 1280px){
    	.join_cate_frame{background: none;}
    	.join_cate_frame .inner{padding:0;}
    	.join_cate_box .img_box .circle{width:180px; height:180px;}
    	.join_cate_box .img_box .circle img{max-width:95px;}
    }
    @media (max-width: 1024px){
    	.join_cate_box .img_box .circle{width:150px; height:150px;}
    	.join_cate_box .img_box .circle img{max-width:85px;}
    	.join_cate_box .jc_title{font-size:2.4rem;}
    	.join_cate_box .jc_detail{font-size: 1.6rem; line-height: 1.3;  margin-top: 10px;}
    	.join_cate_box button.btn, .join_cate_in a.btn{background-color: #303030; color: white; font-weight: 600;}
    }
    @media (max-width: 950px){
    	.join_cate_box_wrap{flex-wrap:wrap;}
    	.join_cate_box{width:680px; max-width:none; margin: 0 auto 30px auto;}
    	.join_cate_box:last-child{margin-bottom:0;}
    	.join_cate_box .top{display:flex; align-items:center; justify-content: flex-start; width: 100%; padding: 25px 20px 0 30px;}
    	.join_cate_box .txt_box{text-align: left; padding-left: 20px; margin-top:5px; padding-right: 10px;}
    	.join_cate_box .jc_title{font-size: 2.4rem; padding-left: 10px;}
    	.join_cate_box .jc_detail{padding-left: 10px;}
    	.join_cate_box .jc_etc > li{padding: 8px 20px; margin-top:15px;}
    	.join_cate_box .img_box .circle{width: 145px; height: 145px; margin-top:0; margin-bottom:0;}
    	.join_cate_box .img_box .circle img{max-width:90px;}
    	.join_cate_box .btn_wrap{margin-top:20px;}
    	.join_cate_box button.btn{padding: 14px 20px;}
    }
    @media (max-width: 768px){
    	.join_cate_box{width:100%; max-width:600px;}
    	.join_cate_box .jc_title{font-size:2.2rem;}
    	.join_cate_box .jc_detail{font-size:1.5rem;}
    	.join_cate_box .jc_etc > li{padding:8px 20px;}
    	.join_cate_box .jc_etc i{font-size:2.1rem;}
    	.join_cate_box .img_box .circle{width:135px; height:135px;}
    	.join_cate_box .img_box .circle img{max-width:82px;}
    	.join_cate_box button.btn{font-size: 1.7rem;}
    }
    @media (max-width: 610px){
    	.join_cate_box{margin-bottom:20px;}
    	.join_cate_box .top{flex-wrap:wrap;}
    	.join_cate_box .img_box{width:100%;}
    	.join_cate_box .img_box .circle img{max-width:75px;}
    	.join_cate_box .txt_box{width:100%; padding-right:0; padding-left:0; margin-top: 10px; text-align: center;}
    	.join_cate_box .btn_wrap{margin-top:25px;}
    	.join_cate_box .jc_detail{padding:0 10px;}
    	.join_cate_box .jc_etc > li{margin-top: 10px; padding: 6px 20px;}
    }
    @media (max-width: 500px){
    	.join_cate_box .jc_etc > li{padding: 5px 10px; font-size:1.4rem; letter-spacing: -0.075rem;}
    	.join_cate_box .jc_etc i{font-size:1.8rem; margin-right:5px;}
    	.join_cate_box .img_box .circle{width: 120px; height: 120px;}
    	.join_cate_box .img_box .circle img{max-width:70px;}
    	.join_cate_box button.btn{font-size:1.6rem; padding: 12px 20px;}
    	.join_cate_box .btn_wrap{margin-top:25px;}
    }
    @media (max-width: 350px){
    	.join_cate_box .top{padding: 25px 3% 0 3%;}
    	.join_cate_box .jc_detail{padding:0 20px;}
    }
/* 회원가입 - 회원 구분 끝 */


/* 회원가입 - 이용약관동의,본인인증 시작 */
.join_step_frame .step_box{border-radius: 0; border: none; overflow: hidden; position: relative; margin-bottom:60px;}
.join_step_frame .step_box .inner {min-height: 175px; padding:  0 4% ; display: flex; justify-content: left; align-items: center; background-color: #fff; flex-wrap:wrap;}
.join_step_frame .step_mb{margin-top: 60px;}
.join_step_frame .js_box_mg{margin-bottom:30px;}
.join_step_frame .js_box_mg2{margin-bottom:60px;}
.join_step_frame .without_t_mg{margin-top:10px;}
.join_step_frame .txt_top_box_2 .inner{flex-wrap: wrap; padding: 40px 5%;}
.join_step_frame .top_txt{width: 100%; font-size: 1.7rem; color: #cf682a; font-weight: 600; border: 1px #e0e0e0 solid; padding: 20px 30px; border-radius: 5px; box-shadow: 0px 3px 2px rgb(0 0 0 / 3%);}
.join_step_frame .tit_join_step{font-size: 3.2rem; line-height: 160%; color: #333; font-weight: 600; margin-top: 40px; width: 100%; margin-bottom: 15px; position:relative; padding-left: 25px;}
.join_step_frame .tit_join_step:before {
    content: "";
    position: absolute;
    left: 5px;
    top: 20px;
    width: 6px;
    height: 6px;
    background-color: #0061ae;
    -webkit-box-shadow: 3px 3px rgb(239 239 239);
    box-shadow: 3px 3px rgb(239 239 239);
}
.join_step_frame .dot_plus{position: relative; padding-left: 20px; display:inline-block;}
.join_step_frame .dot_plus:before {
    content: "";
    position: absolute;
    left: 6px;
    top: 9px;
    width: 3px;
    height: 3px;
    background-color: #787878;
}
.join_step_frame .rule_box{width: 100%; border: 1px solid #e0e0e0; background: rgb(249 249 249 / 50%); height: auto; max-height: 400px; overflow: auto; padding: 3%; font-weight:400;}
.join_step_frame .rule_box {overflow-y:scroll; -ms-overflow-style: none; overflow-x: hidden;}
.join_step_frame .rule_box::-webkit-scrollbar{display: block;}
.join_step_frame .rule_box::-webkit-scrollbar{width: 6px; height: 6px;}
.join_step_frame .rule_box::-webkit-scrollbar-track{background-color: #e7e4ee;}
.join_step_frame .rule_box::-webkit-scrollbar-thumb{border-radius: 3px; background-color: gray;}
.join_step_frame .rule_box::-webkit-scrollbar-button {width: 0; height: 0;}
.join_step_frame .rule_title{font-size: 1.8rem; font-weight: 600; color: #131313; display: inline-block; width: 100%; margin-bottom: 7px; border-bottom: 1px #e5e5e5 solid; padding-bottom: 10px; padding-left: 5px; padding-right: 5px;}
.join_step_frame .rule_title_sb{font-weight: 600; margin: 10px 0;}
.join_step_frame .rule_title_sb.jt_check_custom{padding-left:17px; position:relative;}
.join_step_frame .rule_title_sb.jt_check_custom:before{
	content: "※";
    position: absolute;
    left: 0px;
    top: 0px;
}
.join_step_frame .rule_title.join_rt_custom{margin-bottom:0; border-bottom:none; padding-left:14px; position:relative;}
.join_step_frame .rule_title.join_rt_custom:before{
	content: "";
    position: absolute;
    left: 0px;
    top: 7px;
    width: 5px;
    height: 5px;
    background-color: #111111;
    -webkit-box-shadow: 2px 2px rgb(239 239 239);
    box-shadow: 2px 2px rgb(239 239 239);
}
.join_step_frame .rule_box .rule_info{font-size:1.6rem; line-height:1.4;}
.join_step_frame .rule_box .rule_info .num_txt{display:inline-block; padding-left: 20px;}
.join_step_frame .rule_box .rule_info ol li{margin-bottom:7px; color:#333;}
.join_step_frame .rule_box .rule_info ol li:last-child{margin-bottom:0;}
.join_step_frame .rule_box .rule_info ol li span{position:relative;}
.join_step_frame .rule_box .rule_info ol li span.circle_txt{display:inline-block; padding-left: 40px;}
.join_step_frame .rule_box .rule_info ol li span.num_txt{display:inline-block; padding-left: 20px;}
.join_step_frame .rule_box .rule_info ol li span.big_font{font-size: 1.6rem; font-weight: 600;}
.join_step_frame .rule_box .rule_info span.circle{position: absolute; left: 14px; top: -2px; font-size: 1.8rem; font-weight: 300;}
.join_step_frame .rule_box .rule_info span.num_plus{position: absolute; top: 1px; left: 0; width: auto; font-size: 1.4rem;}
.join_step_frame .rule_box .rule_info ol li span.num_plus{left: 0;}
.join_step_frame .rule_box .rule_info ol.with_big_font li span.num_plus{top:2px;}
.join_step_frame .rule_box .rule_info ol.in_ol{margin-left:20px; margin-top:10px; margin-bottom:15px;}
.join_step_frame .rule_box .rule_info ol.in_ol li span.num_plus{top:0;}
.join_step_frame .rule_box .rule_info ol.in_ol li{font-size: 1.5rem;}
.join_step_frame .rule_box .rule_info ol.in_ol.dash_ol li{position:relative; margin-bottom: 3px;}
.join_step_frame .rule_box .rule_info ol.in_ol.dash_ol li:before{
    content: "";
    position: absolute;
    left: -15px;
    top: 15px;
    width: 5px;
    height: 2px;
    background-color: #666666;
}
.join_step_frame .rule_box .rule_info ol.in_ol.dash_ol.with_big_font li:before{
    top: 10px;
}
.join_step_frame .rule_box .rule_info .more_info{width: 100%; padding: 0 10px;}
.join_step_frame .chk_box{position: relative; padding: 20px; background: #fff; border: 1px solid #e0e0e0; border-top: none; width: 100%; font-size: 0; display:flex; justify-content: right; background-image: linear-gradient(to bottom, #ffffff, #ffffff, #fbfbfb);}
.join_step_frame .chk_box .chk_primary{display: inline-flex; align-items: center;}
.join_step_frame .chk_box .chk_primary label{padding-left: 10px;  display: inline-flex; align-items: flex-start; font-weight: 600; font-size: 1.7rem;}
.join_step_frame .chk_box .chk_primary label .bitchk_w{width: calc(100% - 32px); line-height: 22px; color:#1e1e1e; font-weight: 500; letter-spacing: -0.075rem;}
.join_step_frame .chk_box .chk_primary label .bitchk_w span.must{color:red;}
.join_step_frame .chk_box .chk_primary label .bitchk_w span.choice{color:#001cb7;}
.join_step_frame .chk_box .chk_primary label.slash{position:relative; margin-left: 15px; padding-left: 17px;}
.join_step_frame .chk_box .chk_primary label.slash:before{
    content: "";
    position: absolute;
    left: -1px;
    top: 5px;
    width: 1px;
    height: 13px;
    background-color: #b8b8b8;
}
.join_step_frame .chk_box .chk_primary input[type=checkbox] {position: absolute; top: 0; left: 0; width: 0; height: 0; opacity: 0;}
.join_step_frame .chk_box .chk_primary input[type=checkbox] + label span.js_checkbox {display: inline-block; width: 24px; height: 23px; border: 2px solid #c7c7c7; box-shadow: 2px 2px 2px rgb(0 0 0 / 5%); margin-right: 13px; box-sizing: border-box; vertical-align: middle; transition: all 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946); -webkit-transition: all 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946); border-radius: 3px;}
.join_step_frame .chk_box .chk_primary input[type=checkbox]:checked + label span.js_checkbox{ border-color: #111; background: url(../images/contents/check.svg) no-repeat center center #111;}
.join_step_frame .agree_zone{width: 100%; margin-bottom: 30px;}
.join_step_frame .agree_zone:last-child{margin-bottom:0;}
.join_step_frame .gray_box{background: rgb(255 255 255 / 50%); padding: 20px 25px; border: 2px solid rgb(208 219 227); border-image: none; margin-top: 5px; font-size: 1.6rem; line-height: 1.5; border-radius: 5px; margin: 10px 0 20px 0; color: #4e4e4e; font-weight:500;}
.join_step_frame .gray_box .add_point{color:#d30000; font-weight: 500;}
.join_step_frame .tit_join_step.rt_long_title{letter-spacing:-1.5px;}
.join_step_frame .identity_box_wrap{display:flex; justify-content: space-between;}
.join_step_frame .identity_box{width:calc((100% - 20px)/2); border: 3px solid #e9ecf1; padding: 3%; border-radius: 5px; box-shadow: 0px 3px 2px rgb(0 0 0 / 3%);}
.join_step_frame .identity_box .idb_wrap{position:relative; height: 100%; display: flex; flex-wrap: wrap; align-content: space-between;}
.join_step_frame .identity_box.phone .idb_wrap:before{
    content: "";
    position: absolute;
    right:0;
    bottom:0;
    width:85px;
    height:97px;
    background: url(../images/contents/icon_idb_phone_black.svg) center no-repeat;
	background-size:contain;
	opacity:0.8;
}
.join_step_frame .identity_box.ipin .idb_wrap:before{
    content: "";
    position: absolute;
    right:0;
    bottom:0;
    width: 82px;
    height:97px;
    background: url(../images/contents/icon_ipin_black.svg) center no-repeat;
	background-size:contain;
	opacity:0.8;
}
.join_step_frame .identity_box .idb_title{display: inline-block; color: #121212; font-size: 2.5rem; font-weight: 600; margin-bottom:20px; letter-spacing: -0.075rem;}
.join_step_frame .identity_box .idb_detail_list{display: inline-block; width:100%; padding-bottom:30px; padding-right:150px;}
.join_step_frame .identity_box .idb_detail_list li{color: #494949; font-size: 1.6rem; line-height:1.3; font-weight: 400; margin-bottom:8px; letter-spacing: -0.075rem;}
.join_step_frame .identity_box .idb_detail_list li:last-child{margin-bottom:0;}
.join_step_frame .identity_box .idb_btn{display:inline-flex; align-items: center; justify-content: center; width:100%; width:265px; padding: 15px 20px 14px; cursor: pointer; border: 2px solid rgba(0, 0, 0, 0); overflow-wrap: break-word; transition: all .3s; font-size: 1.8rem; line-height: 1; border-radius: 4px; font-weight: 500; background-color: #172237; border: 2px solid #172237; color:white;}
.bottom_join_btn_wrap .btn{position: relative; display: inline-block; color: #fff; min-width: 140px; height: 44px; padding: 0 25px; background-color: #111; border: 1px solid #111; text-align: center; font-weight: 500; line-height: 42px; -webkit-transition: background-color .23s ease-out,border-color .23s ease-out; transition: background-color .23s ease-out,border-color .23s ease-out; font-size: 1.4rem;}
.bottom_join_btn_wrap{text-align: center;}
.bottom_join_btn_wrap .btn.btn_lg{ min-width: 200px; height: 60px; line-height: 58px; font-size: 1.8rem; letter-spacing: -.8px; border-radius: 3px;}
.bottom_join_btn_wrap .btn_lightgray {background-color: #a5a5a5; border-color: #a5a5a5;}
.bottom_join_btn_wrap .btn_lightgray:hover{background-color: #444; border-color: #444;}
.bottom_join_btn_wrap .ml_btn{margin-left:10px;}
.identity_success{width: 100%; border: 3px solid #e9ecf1; padding: 50px 3%; border-radius: 15px; box-shadow: 0px 3px 2px rgb(0 0 0 / 3%); margin-bottom: 3px; text-align: center;}
.identity_success .chk_span_wrap{position:relative; display:inline-block; padding-top:120px;}
.identity_success .chk_span_wrap:before{
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: 85px;
    height: 100px;
    background: url(../images/contents/icon_identity_success.svg) center no-repeat;
    background-size: contain;
}
.identity_success .chk_span{background-color: #f2f4f6; padding: 15px 30px; font-size: 2.1rem; font-weight: 600; border-radius: 5px; letter-spacing: -0.075rem; display: inline-block;}
.identity_success .chk_span i{margin-left:8px; font-weight: 600; color: #575757;}

@media (max-width:1700px){
	.join_step_frame .step_box .inner{border: none; padding: 0 5%;}
	.join_step_frame .identity_box{padding: 40px 3%;}
}
@media (max-width:1480px){
	.join_step_frame .identity_box .idb_title{font-size:2.4rem;}
}
@media (max-width:1280px){
	.join_step_frame .step_box{margin-bottom:40px;}
	.join_step_frame .step_box .inner{padding:0;}
	.join_step_frame .step_mb{margin-top: 50px;}
	.join_step_frame .tit_join_step{font-size:3.0rem;}
	.join_step_frame .tit_join_step:before{top:18px;}
	.join_step_frame .identity_box{padding: 35px;}
	.join_step_frame .identity_box .idb_title{font-size: 2.2rem; margin-bottom: 16px;}
	.join_step_frame .identity_box.phone .idb_wrap:before{right: 2%; bottom: 0; width: 75px; height: 86px;}
	.join_step_frame .identity_box.ipin .idb_wrap:before {right: 2%; bottom: 0; width: 70px; height: 83px;}
}
@media (max-width:1100px){
	.join_step_frame .identity_box_wrap{flex-wrap: wrap;}
	.join_step_frame .identity_box_wrap .identity_box:nth-child(1){margin-bottom:10px;}
	.join_step_frame .identity_box{width:100%; padding: 40px 3%;}
	.join_step_frame .identity_box .idb_wrap{flex-wrap: nowrap; justify-content: space-between; align-items: end;}
	.join_step_frame .identity_box .idb_wrap .top{padding-left:110px;}
	.join_step_frame .identity_box.phone .idb_wrap:before{right: auto; left: 9px; bottom: auto; top: 0; width: 66px; height: 77px;}
	.join_step_frame .identity_box.ipin .idb_wrap:before{right: auto; left: 7px; bottom: auto; top: 0; width: 66px; height: 77px;}
	.join_step_frame .identity_box .idb_detail_list{padding-right: 0; padding-bottom:0;}
	.join_step_frame .identity_box .idb_btn{width:200px; font-size: 1.7rem;}
}
@media (min-width:711px) and (max-width:950px){
	.join_step_frame .identity_box{width:calc((100% - 10px)/2); padding: 40px 3% 30px 3%; height: 300px;}
	.join_step_frame .identity_box .idb_wrap{flex-wrap:wrap;}
	.join_step_frame .identity_box .button_wrap{width:100%;}
	.join_step_frame .identity_box .idb_btn{width:100%;}
	.join_step_frame .identity_box_wrap .identity_box:nth-child(1){margin-bottom:0;}
}
@media (min-width:711px) and (max-width:890px){
	.join_step_frame .identity_box{height:370px; padding: 30px 4% 30px 4%;}
	.join_step_frame .identity_box .idb_wrap .top{padding-left:0; padding-top:83px;}
	.join_step_frame .identity_box .idb_title{font-size:2.1rem;}
	.join_step_frame .identity_box .idb_detail_list li{font-size: 1.5rem;}
	.join_step_frame .identity_box.ipin .idb_wrap:before{left:0; width:52px; height:60px;}
	.join_step_frame .identity_box.phone .idb_wrap:before{left:0; width: 52px; height: 61px;}
}
@media (max-width:768px){
	.join_step_frame .step_box{margin-bottom:30px;}
	.join_step_frame .step_mb{margin-top: 40px;}
	.join_step_frame .js_box_mg{margin-bottom:20px;}
	.join_step_frame .js_box_mg2{margin-bottom: 40px;}
	.join_step_frame .without_t_mg{margin-top:7px;}
    .join_step_frame .agree_zone{margin-bottom: 20px;}
    .join_step_frame .chk_box{padding: 17px 20px 17px 20px;}
    .join_step_frame .chk_box .chk_primary label{padding-left:0;}
    .join_step_frame .chk_box .chk_primary label{font-size: 1.5rem;}
    .join_step_frame .txt_top_box_2{background-color: white; margin-bottom: 40px;}
    .join_step_frame .txt_top_box_2 .inner{padding: 0; border:none;}
    .join_step_frame .top_txt{font-size: 1.6rem; line-height: 1.5;}
    .join_step_frame .tit_join_step{font-size: 2.5rem; padding-left: 16px; margin-bottom:10px;}
    .join_step_frame .tit_join_step:before{left: 0px; top: 18px; width: 5px; height: 5px;}
	.join_step_frame .tit_join_step.rt_long_title{line-height:1.3; margin-bottom: 13px;}
	.join_step_frame .tit_join_step.rt_long_title:before{top: 14px;}
    .join_step_frame .rule_title{font-size: 1.7rem; padding-bottom: 7px; margin-bottom: 7px; padding-left:0;}
	.join_step_frame .rule_title.join_rt_custom{padding-bottom: 10px;}
	.join_step_frame .rule_title_sb{margin:7px 0;}
    .join_step_frame .rule_box{padding: 20px; max-height: 350px;}
	.join_step_frame .rule_box .rule_info{font-size:1.5rem;}
    .join_step_frame .rule_box .rule_info ol li span.num_plus{padding:0;}
    .join_step_frame .rule_box .rule_info ol li span.num_txt{padding-left: 20px;}
    .join_step_frame .rule_box .rule_info .num_txt{font-size: 1.5rem;}
    .join_step_frame .rule_box .rule_info p.circle{left: 0;}
    .join_step_frame .rule_box .rule_info ol li span.circle_txt{padding-left: 20px;}
    .join_step_frame .rule_box .rule_info ol li span.num_plus{left:0;}
    .join_step_frame .rule_box .rule_info ol.with_big_font li span.num_plus{top:1px;}
	.join_step_frame .rule_box .rule_info .more_info{padding:0;}
    .join_step_frame .chk_box .chk_primary label .bitchk_w{font-size: 1.6rem; margin-right:11px;}
    .join_step_frame .gray_box{padding: 15px 20px; font-size: 1.5rem;}
	.bottom_join_btn_wrap .ml_btn{margin-left:5px;}
	.bottom_join_btn_wrap .btn.btn_lg{min-width: 130px; height: 50px; line-height: 48px;}
	.bottom_join_btn_wrap .btn.btn_lg{font-size:1.7rem;}
	.jt_w_custom{width:30%;}
	.identity_success{padding:30px 3%;}
	.identity_success .chk_span_wrap{padding-top:105px;}
	.identity_success .chk_span_wrap:before{width:76px; height:89px;}
	.identity_success .chk_span{font-size:2rem;}
}
@media (max-width:710px){
	.join_step_frame .identity_box{padding: 30px;}
	.join_step_frame .identity_box .idb_wrap{flex-wrap:wrap;}
	.join_step_frame .identity_box .idb_wrap .top{width:100%; padding-left: 85px; padding-bottom: 17px; margin-bottom: 18px; border-bottom: 1px #d9d9d9 dotted;}
	.join_step_frame .identity_box.phone .idb_wrap:before{left:0;}
	.join_step_frame .identity_box .idb_title{font-size: 2.1rem; margin-bottom: 12px; letter-spacing: -0.075rem;}
	.join_step_frame .identity_box .idb_detail_list li{font-size: 1.5rem; margin-bottom: 4px;}
	.join_step_frame .identity_box .button_wrap{width:100%; text-align:center;}
	.join_step_frame .identity_box .idb_btn{width:100%; max-width: 100%;}
	.join_step_frame .identity_box.phone .idb_wrap:before{width:49px; height:58px; left:0;}
	.join_step_frame .identity_box.ipin .idb_wrap:before{width:49px; height:58px; left:0;}
}
@media (max-width:500px){
	.join_step_frame .step_mb{margin-top: 30px;}
	.join_step_frame .tit_join_step {font-size: 2.1rem;}
	.join_step_frame .tit_join_step:before{top:16px;}
	.join_step_frame .chk_box{padding: 18px 20px 18px 20px; justify-content: left;}
	.join_step_frame .chk_box .chk_primary label .bitchk_w{width: calc(100% - 29px); margin-top:1px; margin-right:0;}
	.join_step_frame .chk_box .chk_primary input[type=checkbox] + label span.js_checkbox{margin-right:12px;}
	.join_step_frame .agree_zone{margin-bottom:10px;}
	.join_step_frame .tit_join_step.rt_long_title:before{top: 12px;}
	.join_step_frame .bottom_join_btn_wrap .btn.btn_lg{font-size:1.6rem;}
	.join_step_frame .jt_w_custom{width:35%;}
	.join_step_frame .identity_box .idb_wrap .top{padding-top:80px; padding-left:0;}
	.identity_success .chk_span_wrap{padding-top:90px;}
	.identity_success .chk_span_wrap:before{width: 65px; height: 78px;}
	.identity_success .chk_span{padding: 13px 20px; font-size:1.8rem;}
}
@media (max-width:350px){
	.join_step_frame .top_txt{padding: 15px 20px; font-size: 1.5rem;}
	.join_step_frame .identity_box {padding: 25px;}
	.join_step_frame .identity_box .idb_title{font-size:1.9rem;}
	.join_step_frame .identity_box .idb_wrap .top{padding-bottom:15px;}
	.join_step_frame .identity_box .idb_btn{font-size:1.6rem;}
	.join_step_frame .chk_box{padding: 18px 14px 18px 14px;}
	.join_step_frame .chk_box .chk_primary input[type=checkbox] + label span.js_checkbox{margin-right:9px;}
	.identity_success{padding:25px 3% 25px 3%;}
	.identity_success .chk_span{font-size:1.7rem;}
	.identity_success .chk_span_wrap{padding-top:80px;}
	.identity_success .chk_span_wrap:before{width: 60px; height: 70px;}
}
/* 회원가입 - 이용약관동의, 본인인증 끝 */


/* 회원가입 - 회원정보 입력 시작 */
.join_input_table{min-width: auto;}
.join_input_table th, .join_input_table td{text-align: left; padding: 15px 20px; font-size:18px; vertical-align:middle;}
.join_input_table th{font-weight: 600;}
.join_input_table input{height: 50px; padding: 0 15px; border-radius:3px;}
.join_input_table input:read-only{background-color:#f2f4f6; color:#666; font-weight:500;}
.join_input_table .small_box_with{display:flex; align-items:center;}
.join_input_table .small_box_with > input{width: calc(100% - 140px);}
.join_input_table .small_box_btn{position: relative; display: inline-block; min-width: 130px; height: 50px; line-height: 50px; font-size: 1.6rem; padding: 0 15px; margin: 0; color: #404040; background-color: #fff; font-weight: 500; text-align: center; border-radius: 4px; border: solid 1px #727272; -webkit-box-shadow: 3px 3px rgb(239 239 239); box-shadow: 3px 3px rgb(239 239 239); margin-left:9px;}
.join_input_table .small_box_btn.p_m{min-width:160px;}
.join_input_table .small_box_with > span{margin-right:20px; margin-left:10px;}
.join_input_table .plus_txt{font-size: 1.6rem; margin-top: 10px;}
.join_input_table .txt_message{color: #2196f3; font-size: 1.5rem; line-height: 1.5; margin-top: 5px;}
.join_input_table .error_message{color: #e52c23; font-size: 1.5rem; line-height: 1.5; margin-top: 5px;}
.caution_icon{position: relative; padding-left: 15px; line-height: 1.5; color:#555; display: inline-block;}
.caution_icon:before{
    content: '※';
    display: inline-block;
    background-color: transparent;
    margin-right: 3px;
    position: absolute;
    top: 0;
    left: 0;
}
.join_input_table .mw_small{max-width: 500px; width:100%;}
.join_input_table .birth_small{max-width: 100px;}
.join_input_table .birth_small2{max-width: 60px;}
.join_input_table .mw_middle{max-width: 500px;}
.join_input_table .choice_s{border: 1px solid #ccc; height: 50px; padding: 0 40px 0 15px; border-radius: 3px; margin-left:5px;}
.join_input_table select{padding-right:30px; background: url(../images/contents/select_open_icon.svg) no-repeat; background-size: 22px; background-position: center right 10px;}
.join_input_table .chk_primary{display:flex; align-items: center; width:100%; max-width:100%;}
.join_input_table .chk_primary .one{font-size: 0;}
.join_input_table .chk_primary input[type=checkbox]{position:absolute; width:0; height:0; margin:0; padding:0; background:none; font-size:0; line-height:0;}
.join_input_table .chk_primary label{padding-left: 20px; display: inline-flex; align-items: flex-start; font-size: 1.6rem;}
.join_input_table .chk_primary input[type=checkbox] + label span.checkbox{display: inline-block; width: 22px; height: 22px; margin-right: 10px; box-sizing: border-box; border: 1px solid #c7c7c7; vertical-align: middle; transition: all 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946); -webkit-transition: all 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946); border-radius: 5px; box-shadow: 1px 1px 2px rgb(0 0 0 / 10%);}
.join_input_table .chk_primary input[type=checkbox]:checked + label span.checkbox{border-color: #111; background: url(../images/contents/check.svg) no-repeat center center #111;}
.join_input_table .chk_primary label .bitchk_w{width: calc(100% - 32px); line-height: 22px; color: #121212;}
.join_input_table .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{cursor: not-allowed; background-color: #eee; opacity: 1;}
.join_input_table .form_mobile{display: flex; align-items: center;}
.join_input_table .form_mobile > input{width: 100px;}
.join_input_table .form_mobile > select{width: 100px; height: 50px;}
.join_input_table .form_mobile .m_dash{padding: 0 5px;}
.join_input_table .loginId{max-width: 500px;}
.join_input_table .mem_birth_check{margin-left:10px;}
.join_input_table .req{padding-left: 5px; color: red; font-size: 1.9rem; font-weight: 800;}
.join_input_table .at_pd{padding:0 5px;}
.join_input_table .bw_1{width: 14%;}
.join_input_table .bw_2{width: 36%;}
.join_input_table .w100{width:100%;}
.join_input_table .b_top{border-top: 1px #d7d7d7 dotted; padding-top: 12px; margin-top: 12px;}
.join_input_table .pregenre{display:flex; width:100%; max-width:100%; flex-wrap:wrap; gap:10px;}
.join_input_table .pregenre .one {min-width:115px;}
.join_input_table .chk_primary label.pl0{padding-left:0;}
.join_input_table .point_red{color: #d61056; font-weight: 500;}

@media (max-width: 1400px){
	.join_input_table .bw_1{width: 160px;}
	.join_input_table .bw_2{width: calc(100% - 160px);}
}
@media (max-width: 1115px){
    .join_input_table .bw_1_width{display: none;}
    .join_input_table .bw_2_width{display: none;}
    .join_input_table tr,.join_input_table th, .join_input_table td{border:none;}
    .join_input_table::before{z-index: 1;}
    .join_input_table tr{border:none; overflow: hidden; clear: both; width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; align-content: stretch; position: relative;}
    .join_input_table th{width: 145px; height: 100%; border-right: 1px solid #e6e6e6; display: flex; align-items: center; justify-content: flex-start; font-size: 1.6rem; border-left:none;}
    .join_input_table th,  .join_input_table td{height: auto; border-bottom: 1px solid #e6e6e6;  border-bottom:none; border-right: none;}
    .join_input_table td{width: calc(100% - 145px); padding: 15px; display: flex; align-items: center; flex-wrap: wrap; min-height:50px;}
    .join_input_table .plus_txt{width: 100%;}
    .join_input_table .chk_primary .one:first-child label{padding-left:0;}
    .join_input_table .chk_primary.min_h{min-height:45px;}
	.join_input_table .bw_1{display:none;}
	.join_input_table .bw_2{display:none;}
	.join_input_table .b_top{width:100%;}
	.join_input_table .b_top label{padding-left:0;}
}
@media (max-width: 1150px){
	.join_input_table .pregenre{flex-wrap:wrap;}
	.join_input_table .pregenre .one{width:20%; padding:0; margin: 5px 0;}
	.join_input_table .pregenre .one label{padding-left:0;}
	.join_input_table .mw_middle{width: 163px;}
}
@media (min-width:791px) and (max-width:1115px){
	.join_step_frame .table_type1 tbody th{border-bottom:none; border-left:none;}
	.join_step_frame .table_type1 tbody tr:last-child th{border-bottom:1px solid #e9e9e9;}
	.join_step_frame .table_type1 tbody td{border-bottom:none; border-left:none; border-right:none;}
	.join_step_frame .table_type1 tbody tr:last-child td{border-bottom:1px solid #e9e9e9;}
}
@media (max-width: 950px){
	.join_input_table .pregenre {gap:0;}
	.join_input_table .pregenre .one{width:calc(100%/3);}
}
@media (max-width: 790px){
    .join_input_table input, .join_input_table select{border-radius: 3px;}
    .join_input_table th{font-size: 2rem;}
	.join_input_table td{font-size: 1.7rem;}
    .join_input_table .with_can th{width: 100%; background-color: white !important; padding: 23px 10px 0 10px; border: none; font-weight: 600;}
    .join_input_table .with_can td{width: 100%; padding: 10px 10px 0 10px; border: none; border-bottom: 1px solid #e6e6e6; padding-bottom:26px;}
    .join_input_table .mw_small{max-width: 100%; max-width: 220px;}
    .join_input_table .chk_primary{background-color: #f5f5f5; border-radius: 5px; padding: 15px 30px;}
    .join_input_table .chk_primary input[type=checkbox] + label span.checkbox{background-color:white;}
    .join_input_table .small_box_with{flex-wrap: wrap;}
    .join_input_table .mem_birth_check{margin-left:0px;}
    .join_input_table .pswdText, .join_input_table .user_passwd_confirm{width: 100%; max-width: 100%;}
    .join_input_table .form_mobile > input {width: 75px;}
    .join_input_table .form_mobile > select{width: 75px;}
	.join_input_table .chk_primary{border:none;}
	.join_input_table .small_box_btn{letter-spacing:-0.75px;}
}
@media (max-width: 610px){
	.join_input_table .mw_middle {width: calc(50% - 12.5px);}
	.join_input_table .choice_s{width:100%; margin-left:0; margin-top:10px;}
	.join_input_table .small_box_with > span {margin-right: 10px; margin-left: 5px;}
}
@media (max-width: 520px){
	.join_input_table .pregenre .one{width:50%;}
}
@media (max-width: 500px){
	.join_input_table .form_mobile{flex-wrap:wrap;}
	.join_input_table .form_mobile > select{width: calc(100% / 3 - 12px);}
	.join_input_table .form_mobile > input{width: calc(100% / 3 - 12px);}
	.join_input_table .form_mobile button{margin-top:10px; margin-left:0;}
	.join_input_table .mem_birth1{padding: 0 10px;}
	.join_input_table .birth_small{width:80px !important;}
	.join_input_table .birth_small2{width:50px !important;}
	.join_input_table .chk_primary{padding: 15px 16px;}
	.join_input_table .small_box_btn.p_m{width:100%;}
}
@media (max-width: 483px){
    .join_input_table .mem_birth_check{margin-top: 10px; width: 220px;}
}
@media (max-width: 440px){
    .join_input_table .mem_birth1{margin-bottom: 5px;}
    .join_input_table .chk_primary{margin-top: 5px;}
    .join_input_table .chk_primary label{padding-left: 15px;}
    .join_input_table .chk_primary input[type=checkbox] + label span.checkbox{margin-right: 8px;}
	.join_input_table .b_top label{padding-left:0;}
    .join_input_table .small_box_btn{width:100%; height: 45px; line-height: 43px; margin-top: 10px; margin-left:0;}
    .join_input_table .small_box_with > input{width: 100%; margin-right: 0;}
	.join_input_table .small_box_with.m_w100 input.mw_small{width:100%; max-width:none; order: 2; margin-top:10px;}
	.join_input_table .small_box_with.m_w100 .small_box_btn{margin-top:0;}
}
/* 회원가입 - 회원정보 입력 끝 */

	
/* 회원가입 - 완료 시작 */
.finish_join_wrap{display:flex; padding-bottom:0; background-color:#fafbfb;}
.finish_join_wrap .jf_title_field{width:100%; padding-bottom:24px; border-bottom:1px black solid; margin-bottom:35px; text-align:center;}
.finish_join_wrap .jf_title_field .jf_title{font-size:4rem; line-height:1; letter-spacing:-0.2rem; font-weight:300;}
.finish_join_wrap .jf_title_field .jf_bold{font-weight:600;}
.finish_join_wrap .jf_title_field .jf_title > span{letter-spacing:-0.2rem;}
.finish_join_wrap .left_zone{width:calc(100% - 700px); padding:88px 130px 100px 130px; background-color:white; border-bottom:1px #d9d9d9 solid;}
.finish_join_wrap .right_zone{width:700px; background-color:white; border-bottom:1px #d9d9d9 solid; border-left:1px #d9d9d9 solid; padding:89px 130px 90px 130px;}
.finish_join_wrap .right_zone .inner{width:100%;}
.finish_join_wrap .finish_box{overflow: hidden; position: relative; width: 100%; margin: 0 auto; display: inline-block;}
.finish_join_wrap .finish_box .inner {display: flex; flex-wrap:wrap; justify-content: left; align-items: center;}
.finish_join_wrap .txt_zone{width: 100%; text-align: center;}
.finish_join_wrap .left_zone .txt_zone{border: 1px #d9d9d9 solid; padding: 30px; box-shadow: 2px 3px #f3f3f3;}
.finish_join_wrap .txt_zone .big_txt{font-size: 4.2rem; line-height: 1; font-weight: bold; color: #121212; max-width: 940px; margin: 0 auto; padding-bottom: 35px; border-bottom: 1px #c2c2c2 dotted;}
.finish_join_wrap .txt_zone .big_txt .point{color:#1e4297;}
.finish_join_wrap .txt_zone .small_txt{font-size: 1.7rem; line-height: 1.5; color: #666; max-width: 560px; margin: 0 auto 0 auto;}
.finish_join_wrap .txt_ul {text-align:left; display: inline-block; margin-bottom:0;}
.finish_join_wrap .txt_ul > li{position:relative; margin-bottom:7px; padding-left:15px;}
.finish_join_wrap .txt_ul > li > strong{font-weight:600;}
.finish_join_wrap .txt_ul > li:before{
    content: "";
    position: absolute;
    left:0;
    top:10px;
    width: 4px;
    height:4px;
	background-color:#7a6842;
	box-shadow: 2px 2px 0 rgb(0 0 0 / 10%);
}
.finish_join_wrap .txt_ul > li:last-child{margin-bottom:0;}
.finish_join_wrap .f_orenge{color: #d74802;}
.finish_join_wrap .f_pink{color: #d1005a;}
.finish_join_wrap .f_brown{color: #7a6842;}
.finish_join_wrap .bottom_join_btn_wrap{width:100%; margin-top: 45px; display:flex;}
.finish_join_wrap .bottom_join_btn_wrap .btn_jf{width: calc(50% - 5px); height: 52px; border-radius: 0; display: inline-flex; align-items: center; justify-content: center; font-size:1.7rem;}
.finish_join_wrap .more_info_box{display: flex; align-items: center; justify-content: center; padding: 20px; background: #fafafa; font-size: 1.6rem; text-align: center; margin-top: 25px; line-height:1.3;}
.finish_join_wrap .qr_wrap{display: flex; width: 100%; justify-content: center;}
.finish_join_wrap .qr_wrap .qr_in{display: inline-block; max-width: 170px; padding: 5px; border: 1px #d9d9d9 solid;}
.finish_join_wrap .qr_wrap .qr_in > img{width:100%;}
.finish_join_wrap .bottom_more_info{text-align:center; margin-top:40px;}
.finish_join_wrap .bottom_more_info .bm_title{font-size:1.6rem; color:#000000; font-weight:500; position:relative;}
.finish_join_wrap .bottom_more_info .bm_title:after{
  content: '';
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #c4c4c4;
}
.finish_join_wrap .bottom_more_info .bm_title span{position: relative; background-color: #fff; padding: 0 14px; z-index: 1;}
.finish_join_wrap .bottom_more_info .bm_list > li{width:56px; height:56px; border-radius: 50%; padding: 0; display:inline-flex; justify-content:center; align-items:center; margin:25px 8px 0; color: white; font-size:2.7rem;}
.finish_join_wrap .bottom_more_info .bm_list > li > a{width: 100%; height: 100%; display: inline-flex; align-items: center; justify-content: center; font-size: 2.7rem; color: white; line-height: 1;}
.finish_join_wrap .bottom_more_info .bm_list > li.insta{background: #833ab4; background: linear-gradient(to bottom, #833ab4,#fd1d1d,#fcb045);}
.finish_join_wrap .bottom_more_info .bm_list > li.facebook{position:relative; background-color:#0866ff;}
.finish_join_wrap .bottom_more_info .bm_list > li.youtube{background-color:#FF1A47;}

    /* 미디어쿼리 시작 */
    @media (max-width: 1480px){
    	.finish_join_wrap .jf_title_field .jf_title{font-size:3.8rem;}
    }
	@media (max-width: 1280px){
		.finish_join_wrap .finish_box .inner{padding: 70px 6% 65px 6%;}
	    .finish_join_wrap .txt_zone .big_txt{font-size: 3.7rem; padding-bottom: 30px;}
	}
    @media (min-width:1025px) and (max-width:1800px){
    	.finish_join_wrap .left_zone{width:calc(100% - 540px); padding:88px 70px 88px 70px; display: flex; flex-wrap: wrap; justify-content: center;}
    	.finish_join_wrap .left_zone .jf_title_field{width:100%;}
    	.finish_join_wrap .right_zone{width:540px; padding:88px 70px 88px 70px; display: flex; flex-wrap: wrap; justify-content: center;}
    	.finish_join_wrap .right_zone .jf_title_field{width: 100%;}
    }
    @media (min-width:1025px) and (max-width:1280px){
    	.finish_join_wrap .jf_title_field{padding-bottom:20px;}
    	.finish_join_wrap .jf_title_field .jf_title{font-size:3.4rem;}
    	.finish_join_wrap .left_zone{width:calc(100% - 431px); padding: 75px 4% 80px 4%;}
    	.finish_join_wrap .right_zone{width:431px; padding: 75px 4% 80px 4%; align-items: flex-start;}
    }
    @media (max-width: 1024px){
    	.finish_join_wrap{flex-wrap:wrap; padding-bottom: 0;}
    	.finish_join_wrap .jf_title_field{width:100%; padding-bottom: 22px; margin-bottom: 35px;}
    	.finish_join_wrap .jf_title_field .jf_title{font-size:3.6rem;}
    	.finish_join_wrap .left_zone{width:100%; padding: 80px 10% 80px 10%; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
  		.finish_join_wrap .right_zone{border-left:none; padding: 80px 10% 90px 10%; display:flex; align-items: center; justify-content: center; flex-wrap:wrap; width:100%;}
  		.finish_join_wrap .txt_zone .small_txt{margin-top:0;}
  		.finish_join_wrap .more_wrap{width:100%;}
    }
    @media (max-width: 768px){
    	.finish_join_wrap .jf_title_field{padding-bottom: 18px; margin-bottom: 25px;}
    	.finish_join_wrap .jf_title_field .jf_title{font-size:3.2rem;}
    	.finish_join_wrap .left_zone{padding:70px 10% 70px 10%;}
    	.finish_join_wrap .right_zone{padding:70px 10% 80px 10%;}
		.finish_join_wrap .finish_box .inner{padding:50px 5% 45px 5%;}
	    .finish_join_wrap .txt_zone .big_txt{font-size: 3.2rem; padding-bottom: 20px;}
	    .finish_join_wrap .bottom_join_btn_wrap{margin-top:25px;}
	    .finish_join_wrap .bottom_join_btn_wrap .btn_jf{height:48px; font-size:1.6rem;}
	    .finish_join_wrap .more_info_box{padding:18px; margin-top:21px;}
    }
	@media (max-width: 650px){
	    .finish_join_wrap .bottom_join_btn_wrap{margin-top: 25px;}
	    .finish_join_wrap .icon_zone .icon_here img{width: 65px;}
	    .finish_join_wrap .txt_zone .big_txt{font-size: 2.8rem; padding: 0 10px 18px 10px;}
	    .finish_join_wrap .txt_zone .small_txt{font-size:1.6rem;}
	}
    @media (max-width: 500px){
    	.finish_join_wrap .jf_title_field{padding-bottom:15px; margin-bottom:20px;}
    	.finish_join_wrap .jf_title_field .jf_title{font-size:2.6rem;}
    	.finish_join_wrap .left_zone{padding:50px 10% 50px 10%;}
    	.finish_join_wrap .right_zone{padding: 50px 10% 55px 10%;}
		.finish_join_wrap .login_box .inner{padding: 40px 30px;}
		.finish_join_wrap .finish_box .inner {padding: 35px 6% 35px 6%;}
	    .finish_join_wrap .txt_zone .big_txt{font-size:2.5rem; padding: 0 10px 15px 10px; line-height:1.3;}
	    .finish_join_wrap .bottom_join_btn_wrap{margin-top:18px;}
	    .finish_join_wrap .bottom_join_btn_wrap .btn.btn_lg{font-size:1.6rem;}
	    .finish_join_wrap .bottom_join_btn_wrap .btn_jf {height: 43px; font-size: 1.5rem; padding:0;}
    }
	@media (max-width: 400px){
	    .finish_join_wrap .bottom_join_btn_wrap .ml_btn{margin-left:0; margin-top:10px;}
	    .finish_join_wrap .txt_zone .big_txt{font-size: 2.2rem; padding-left: 0; padding-right: 0; letter-spacing: -0.075rem;}
	    .finish_join_wrap .txt_zone .small_txt{padding: 0; font-size:1.5rem; letter-spacing: -0.075rem;}
	    .finish_join_wrap .left_zone .txt_zone{padding:20px 20px;}
	    .finish_join_wrap .txt_ul > li{margin-bottom:3px;}
	    .finish_join_wrap .txt_ul > li:before{top:8px;}
	    .finish_join_wrap .bottom_join_btn_wrap{margin-top:17px; display: flex; flex-wrap: wrap;}
		.finish_join_wrap .bottom_join_btn_wrap .btn.btn_jf{width: 100%;}
	    .finish_join_wrap .bottom_join_btn_wrap .btn.btn_jf:first-child{order: 2; display: inline-flex; align-items: center; justify-content: center;}
	    .finish_join_wrap .bottom_join_btn_wrap .btn.btn_jf:nth-child(2){order: 1; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 5px; margin-top:0;}
	    .finish_join_wrap .more_info_box{font-size:1.5rem;}
	    .finish_join_wrap .qr_wrap{margin-top:27px;}
	    .finish_join_wrap .bottom_more_info{margin-top:30px;}
	    .finish_join_wrap .bottom_more_info .bm_list > li{margin-top:20px;}
	}
    @media (max-width: 350px){
    	.finish_join_wrap .left_zone{padding: 40px 30px 40px 30px;}
    	.finish_join_wrap .left_zone .txt_zone{padding:17px 20px;}
    	.finish_join_wrap .jf_title_field{padding-bottom: 12px; margin-bottom: 18px;}
    	.finish_join_wrap .jf_title_field .jf_title{font-size: 2.3rem;}
    	.finish_join_wrap .right_zone{padding:40px 30px 50px 30px;}

    }
    /* 미디어쿼리 끝 */
/* 회원가입 - 완료 끝 */
	
	
/* 아이디 및 비밀번호 찾기(공통) 시작 */
.find_idpw_wrap{text-align:center;}
.find_idpw_wrap .center_box{display: inline-flex; justify-content: left; align-items: center; width: 100%; overflow: hidden; position: relative; padding: 2px; max-width: 700px; margin: 0 auto; min-height: 175px;}
.find_idpw_wrap .find_idpw_in{width: 100%; min-width:670px; margin: 0 auto;}
.find_idpw_wrap .under_tab{margin-bottom: 40px; padding: 3px; font-size: 0; letter-spacing: 0; border-radius: 22px; background: #f6f7f9;}
.find_idpw_wrap .under_tab li{display: inline-block; width: 50%;}
.find_idpw_wrap .under_tab li a{display: inline-block; width: 100%; height: 42px; line-height: 43px; background: #f6f7f9; border: unset; border-radius: 42px; font-size: 1.6rem; font-weight: 500; text-align: center; color: #888; box-sizing: border-box; letter-spacing: -0.05rem;}
.find_idpw_wrap .under_tab li a.active{position: relative; background: #7a6842; border: unset; color: #fff;}
.find_idpw_wrap input{display: inline-block; vertical-align: middle; box-sizing: border-box; width: 100%; height: 50px; border-radius: 5px; border: #d5d5d5 solid 1px; padding-left: 20px; padding-right: 20px; font-size: 1.8rem; font-weight: 500; color: #131313; line-height: 58px; text-align: left; letter-spacing: -0.05rem;}
.find_idpw_wrap input::placeholder{color:#8c8c8c;}
.find_idpw_wrap input:-ms-input-placeholder{color:#8c8c8c;}
.find_idpw_wrap input::-ms-input-placeholder{color:#8c8c8c;}
.find_idpw_wrap .pop_form{width:100%; padding:0 10px;}
.find_idpw_wrap .pop_form li{display:flex; margin-bottom: 11px;}
.find_idpw_wrap .pop_form li:last-child{margin-bottom:0;}
.find_idpw_wrap .pop_form li .left_zone{width:170px; font-size: 18px; text-align: left; padding-top:18px;}
.find_idpw_wrap .pop_form li .right_zone{width:calc(100% - 170px); display:flex; align-items:center; flex-wrap:wrap;}
.find_idpw_wrap .pop_form li .right_zone .phone_num{display:flex; margin-bottom: 8px; align-items: center;}
.find_idpw_wrap .pop_form li .right_zone .btn_zone{width:100%; text-align: left;}
.find_idpw_wrap .pop_form li .right_zone .email_num{width:100%;}
.find_idpw_wrap .pop_form li .right_zone .email_num .input_zone{display:flex; margin-bottom: 8px; align-items: center;}
.find_idpw_wrap .pop_form li .right_zone .email_num .e_short{width: 50%; min-width:125px;}
.find_idpw_wrap .pop_form li .right_zone .choice_s{border: 1px solid #ccc; width:100%; height: 50px; padding: 0 40px 0 15px; border-radius: 3px;  margin-bottom:7px; background: url(../images/contents/select_open_icon.svg) no-repeat; background-size: 22px; background-position: center right 10px;}
.find_idpw_wrap .pop_form li .left_zone span{position:relative; padding-left:15px;}
.find_idpw_wrap .pop_form li .left_zone span:before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 10px;
    width: 4px;
    height: 4px;
    background: #848380;
    border-radius: 100%;
}
.find_idpw_wrap .pop_form li .left_zone label{position:relative; padding-left:15px; letter-spacing: -0.075rem;}
.find_idpw_wrap .pop_form li .left_zone label:before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 10px;
    width: 4px;
    height: 4px;
    background: #848380;
    border-radius: 100%;
}
.find_idpw_wrap .dash{padding:0 5px;}
.find_idpw_wrap .small_box_btn{position: relative; display: inline-block; min-width: 130px; height: 43px; line-height: 1; font-size: 1.6rem; padding: 0 15px; margin: 0; color: white; background-color: #404041; font-weight: 500; text-align: center; border-radius: 4px; border: solid 1px #202020; -webkit-box-shadow: 3px 3px rgb(239 239 239); box-shadow: 3px 3px rgb(239 239 239);}
.find_idpw_wrap .chk_primary{display:flex; align-items: center;background-color: #f5f5f5; border-radius: 5px; padding: 15px 30px;}
.find_idpw_wrap .chk_primary .one{font-size: 0; line-height:0;}
.find_idpw_wrap .chk_primary input[type=checkbox]{position:absolute; width:0; height:0; margin:0; padding:0; background:none; font-size:0; line-height:0;}
.find_idpw_wrap .chk_primary label{padding-left: 10px; display: inline-flex; align-items: flex-start; font-size: 1.6rem;}
.find_idpw_wrap .chk_primary label.pl_0{padding-left:0;}
.find_idpw_wrap .chk_primary input[type=checkbox] + label span{display: inline-block; width: 22px; height: 22px; margin-right: 10px; box-sizing: border-box; border: 1px solid #c7c7c7; vertical-align: middle; transition: all 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946); -webkit-transition: all 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946); border-radius: 3px; background-color:white;}
.find_idpw_wrap .chk_primary input[type=checkbox]:checked + label span{border-color: #0b5893; background: url(../images/contents/check.svg) no-repeat center center #0e6ab1;}
.find_idpw_wrap .chk_primary label .bitchk_w{width: calc(100% - 32px); line-height: 22px; color: #121212;}
.find_idpw_wrap .confirmbtn{display: inline-block; width: 100%; background: #0d0d0d; border-radius: 5px; text-align: center; color: white; height: 60px; line-height: 58px; margin-top: 30px; font-weight: 500; transition: 0.3s; font-size: 1.8rem;}
.find_idpw_wrap .confirmbtn:hover {transform: translateY(-3px); box-shadow: 0 30px 30px rgb(13 13 13 / 10%);}

	/* 미디어쿼리 시작 */
	@media (max-width: 1280px){
		.find_idpw_wrap .under_tab{margin-bottom: 35px;}
	}
	@media (max-width: 1024px){
		.find_idpw_wrap .under_tab li a{height: 37px; line-height: 38px; border-radius: 37px;}
	}
	@media (max-width: 768px){
		.find_idpw_wrap .find_idpw_in{min-width: auto;}
		.find_idpw_wrap .under_tab{margin-bottom: 30px;}
		.find_idpw_wrap .under_tab li a{height: 35px; line-height: 35px;}
		.find_idpw_wrap .center_box{padding:0 3%;}
		.find_idpw_wrap .pop_form{padding:0 5px;}
		.find_idpw_wrap .pop_form li .left_zone span{font-size:17px; letter-spacing: -0.75px;}
		.find_idpw_wrap .pop_form li .left_zone label{font-size:17px; letter-spacing: -0.75px;}
		.find_idpw_wrap .pop_form li .left_zone span:before{top: 7px;}
		.find_idpw_wrap .pop_form li .left_zone label:before{top: 7px;}
		.find_idpw_wrap .pop_form li .left_zone{width:150px;}
		.find_idpw_wrap .pop_form li .right_zone{width:calc(100% - 150px);}
		.find_idpw_wrap .pop_form li .right_zone .email_num input{padding:0 15px;}
		.find_idpw_wrap .chk_primary{width:100%; padding: 15px;}
		.find_idpw_wrap .chk_primary input[type=checkbox] + label span{margin-right:7px;}
		.find_idpw_wrap .chk_primary label .bitchk_w{width: calc(100% - 29px);}
		.find_idpw_wrap .confirmbtn{height: 55px; line-height: 53px; margin-top: 20px;}
	}
	@media (max-width: 560px){
		.find_idpw_wrap .pop_form{margin-top:20px;}
		.find_idpw_wrap .pop_form li{flex-wrap:wrap;}
		.find_idpw_wrap .pop_form li .left_zone{width:100%; margin-bottom:10px;}
		.find_idpw_wrap .pop_form li:first-child .left_zone{padding-top:5px;}
		.find_idpw_wrap .pop_form li .right_zone{width:100%;}
	}
	@media (max-width: 500px){
		.find_idpw_wrap .under_tab{margin-bottom: 20px;}
		.find_idpw_wrap .under_tab li a{font-size: 1.5rem;}
		.find_idpw_wrap .center_box{padding:0;}
		.find_idpw_wrap .pop_form li{margin-bottom:0px;}
		.find_idpw_wrap .pop_form li:first-child .left_zone{padding-top:0;}
		.find_idpw_wrap .pop_form li .left_zone span{font-size:16px; padding-left:10px;}
		.find_idpw_wrap .pop_form li .left_zone label{font-size:16px; padding-left:10px;}
		.find_idpw_wrap .pop_form li .left_zone{margin-bottom:7px;}
		.find_idpw_wrap .small_box_btn{height: 40px; line-height: 38px; margin-left: 0; margin-top:2px; margin-bottom: 2px; font-size:15px;}
		.find_idpw_wrap .confirmbtn{height: 50px; line-height: 50px; margin-top: 20px; font-size:1.7rem;}
	}
	@media (max-width: 400px){
		.find_idpw_wrap .find_idpw_in{max-width:350px;}
		.find_idpw_wrap .center_box{margin-top:0; border:none; border-radius:0;}
		.find_idpw_wrap .chk_primary{flex-wrap:wrap;}
		.find_idpw_wrap .chk_primary .one{width:100%; text-align:left; margin-left:0;}
		.find_idpw_wrap .chk_primary .one.ml10{margin-left:0 !important; margin-top:10px;}
		.find_idpw_wrap .chk_primary label{padding-left:0;}
		.find_idpw_wrap .pop_form li .right_zone .email_num .e_short{min-width:105px;}
	}
	@media (max-width: 350px){
		.find_idpw_wrap .find_idpw_in{margin-top:5px;}
		.find_idpw_wrap .under_tab li a{height:32px; line-height:32px; font-size:1.4rem;}
	}
	/* 미디어쿼리 끝 */
/* 아이디 및 비밀번호 찾기(공통) 끝 */


/* 아이디 및 비밀번호 찾기 결과화면 시작 */
.find_idpw_wrap .find2 .identity_box{width:100%; border: 3px solid #e9ecf1; padding: 40px 30px 30px 30px; border-radius: 5px; text-align: left;}
.find_idpw_wrap .find2 .identity_box .id_title{position:relative; display: inline-block; width: 100%; text-align: center; color: #121212; font-size: 2.6rem; font-weight: 600; margin-bottom: 25px; letter-spacing: -0.1rem; padding-top:67px;}
.find_idpw_wrap .find2 .identity_box .id_title:before{
    content: "";
    position: absolute;
    left:50%;
    top:0;
    transform:translate(-50%,0);
    width:87px;
    height:49px;
    background: url(../images/contents/icon_findresult.svg) center no-repeat;
	background-size:contain;
	opacity:0.8;
}
.find_idpw_wrap .find2 .identity_box .id_detail{display:inline-block; width: 100%; text-align: center; font-size:2rem; padding: 25px 30px; background-color: #f7f9ff; border-radius: 10px; line-height: 1.4;}
.find_idpw_wrap .find2 .identity_box .id_detail .id_in{font-weight: 700; color: #0061ae;}
.find_idpw_wrap .find2 .btn_wrap{width: 100%; text-align: center; margin-top: 25px;}
.find_idpw_wrap .find2 .idb_btn{display:inline-flex; align-items: center; justify-content: center; width:100%; width:265px; padding: 15px 20px 14px; cursor: pointer; border: 2px solid rgba(0, 0, 0, 0); overflow-wrap: break-word; transition: all .3s; font-size: 1.7rem; line-height: 1; border-radius: 4px; font-weight: 500; background-color: #222222; border: 2px solid #222222; color:white; border-radius: 50px;}

	/* 미디어쿼리 시작 */
	@media (max-width:1280px){
		.find_idpw_wrap .find2 .identity_box .id_title{font-size: 2.5rem; padding-top:62px;}
		.find_idpw_wrap .find2 .identity_box .id_title:before{width: 80px; height: 47px;}
		.find_idpw_wrap .find2 .identity_box .id_detail{padding: 20px;}
	}
	@media (max-width:768px){
		.find_idpw_wrap .find2 .identity_box{padding: 27px 25px 25px 25px;}
		.find_idpw_wrap .find2 .identity_box .id_title{font-size:2.4rem; padding-top:60px; margin-bottom:25px;}
		.find_idpw_wrap .find2 .identity_box .id_title:before {width: 76px; height: 44px;}
		.find_idpw_wrap .find2 .identity_box .id_detail{font-size: 1.8rem; padding: 17px 17px; border-radius: 5px;}
	}
	@media (max-width:600px){
		.find_idpw_wrap .find2 .identity_box{padding: 27px 25px 25px 25px;}
		.find_idpw_wrap .find2 .identity_box .id_title{font-size: 2.1rem; letter-spacing: -0.075rem; padding-top: 54px; margin-bottom: 20px;}
		.find_idpw_wrap .find2 .identity_box .id_title:before{width: 70px; height: 41px;}
		.find_idpw_wrap .find2 .idb_btn{width:100%; max-width: 240px;}
	}
	@media (max-width:500px){
		.find_idpw_wrap .find2 .identity_box{padding: 22px 20px 20px 20px;}
		.find_idpw_wrap .find2 .identity_box .id_title{width:100%; text-align:center; padding-top: 47px;}
		.find_idpw_wrap .find2 .identity_box .id_title:before {width: 60px; height: 35px;}
		.find_idpw_wrap .find2 .identity_box .id_detail{font-size: 1.7rem; padding: 15px 20px;}
		.find_idpw_wrap .find2 .btn_wrap{margin-top:20px;}
		.find_idpw_wrap .find2 .idb_btn{font-size:1.6rem; padding: 13px 20px 12px; border-radius: 45px;}
	}
	@media (max-width:350px){
		.find_idpw_wrap .find2 .identity_box{padding: 20px 15px 15px 15px;}
		.find_idpw_wrap .find2 .identity_box .id_title{font-size:1.9rem; margin-bottom:20px; padding-top:40px;}
		.find_idpw_wrap .find2 .identity_box .id_title:before{width: 53px; height: 31px;}
		.find_idpw_wrap .find2 .identity_box .id_detail{font-size: 1.6rem; padding: 15px 20px;}
	}
	/* 미디어쿼리 끝 */
/* 아이디 및 비밀번호 찾기 결과화면 끝 */


/* 아이디 및 비밀번호 찾기 본인인증 시작 */
.find_idpw_wrap .find1 .identity_box{width:100%; border: 3px solid #e9ecf1; padding: 50px 45px 45px 45px; border-radius: 5px; text-align: left;}
.find_idpw_wrap .find1 .identity_box .idb_wrap{position:relative; height: 100%; display: flex; flex-wrap: wrap; align-content: space-between;}
.find_idpw_wrap .find1 .identity_box.phone .idb_wrap:before{
    content: "";
    position: absolute;
    right:0;
    bottom:0;
    width:85px;
    height:120px;
    background: url(../images/contents/icon_find_id.svg) center no-repeat;
	background-size:contain;
	opacity:0.8;
}
.find_idpw_wrap .find1 .identity_box.ipin .idb_wrap:before{
    content: "";
    position: absolute;
    right:0;
    bottom:0;
    width: 82px;
    height:97px;
    background: url(../images/contents/icon_ipin_black.svg) center no-repeat;
	background-size:contain;
	opacity:0.8;
}
.find_idpw_wrap .find1 .identity_box .idb_title{display: inline-block; color: #121212; font-size: 2.6rem; font-weight: 600; margin-bottom:20px; letter-spacing: -0.1rem;}
.find_idpw_wrap .find1 .identity_box .idb_detail_list{display: inline-block; width:100%; padding-bottom:30px; padding-right:150px;}
.find_idpw_wrap .find1 .identity_box .idb_detail_list li{color: #494949; font-size: 1.6rem; line-height:1.3; font-weight: 400; margin-bottom:8px; letter-spacing: -0.075rem;}
.find_idpw_wrap .find1 .identity_box .idb_detail_list li:last-child{margin-bottom:0;}
.find_idpw_wrap .find1 .identity_box .idb_btn{display:inline-flex; align-items: center; justify-content: center; width:100%; width:265px; padding: 15px 20px 14px; cursor: pointer; border: 2px solid rgba(0, 0, 0, 0); overflow-wrap: break-word; transition: all .3s; font-size: 1.7rem; line-height: 1; border-radius: 4px; font-weight: 500; background-color: #222222; border: 2px solid #222222; color:white;}


	/* 미디어쿼리 시작 */
	@media (max-width:1280px){
		.find_idpw_wrap .find1 .identity_box .idb_title{font-size: 2.5rem; margin-bottom: 16px;}
		.find_idpw_wrap .find1 .identity_box.phone .idb_wrap:before{right: 0; bottom: 0; width: 75px; height: 108px;}
	}
	@media (max-width:768px){
		.find_idpw_wrap .find1 .identity_box{padding: 40px 40px 35px 40px;}
		.find_idpw_wrap .find1 .identity_box .idb_title{font-size:2.4rem;}
		.find_idpw_wrap .find1 .identity_box .idb_detail_list{padding-right: 90px;}
	}
	@media (max-width:600px){
		.find_idpw_wrap .find1 .identity_box{padding: 33px 40px 35px 40px;}
		.find_idpw_wrap .find1 .identity_box .idb_wrap{flex-wrap:wrap;}
		.find_idpw_wrap .find1 .identity_box .idb_wrap .top{width:100%; padding-left: 85px; padding-bottom: 17px; margin-bottom: 18px; border-bottom: 1px #d9d9d9 dotted;}
		.find_idpw_wrap .find1 .identity_box .idb_title{font-size: 2.1rem; margin-bottom: 12px; letter-spacing: -0.075rem;}
		.find_idpw_wrap .find1 .identity_box .idb_detail_list li{font-size: 1.5rem; margin-bottom: 4px;}
		.find_idpw_wrap .find1 .identity_box .button_wrap{width:100%; text-align:center;}
		.find_idpw_wrap .find1 .identity_box .idb_btn{width:100%; max-width: 100%;}
		.find_idpw_wrap .find1 .identity_box.phone .idb_wrap:before{width:52px; height:75px; top: 0; right: auto; bottom: auto; left:0;}
		.find_idpw_wrap .find1 .identity_box.ipin .idb_wrap:before{width:49px; height:58px; left:0;}
		.find_idpw_wrap .find1 .identity_box .idb_detail_list{padding-right: 0; padding-bottom: 0;}
	}
	@media (max-width:500px){
		.find_idpw_wrap .find1 .identity_box{padding: 30px 35px 30px 35px;}
		.find_idpw_wrap .find1 .identity_box .idb_wrap .top{padding-top:82px; padding-left:0;}
		.find_idpw_wrap .find1 .identity_box.phone .idb_wrap:before{width: 49px; height: 70px; left:50%; transform:translate(-50%, 0);}
		.find_idpw_wrap .find1 .identity_box .idb_title{width:100%; text-align:center; margin-bottom:15px;}
		.find_idpw_wrap .find1 .identity_box .idb_detail_list li{position:relative; padding-left:12px; letter-spacing: -0.1rem;}
		.find_idpw_wrap .find1 .identity_box .idb_detail_list li:before{
	        content: '';
	        display: block;
	        width: 4px;
	        height: 4px;
	        position: absolute;
	        top: 7px;
	        left: 0;
	        background-color: #172237;
	        box-shadow: 2px 2px rgb(0 0 0 / 20%);
		}
	}
	@media (max-width:350px){
		.find_idpw_wrap .find1 .identity_box{padding: 25px;}
		.find_idpw_wrap .find1 .identity_box .idb_title{font-size:1.9rem; margin-bottom:13px;}
		.find_idpw_wrap .find1 .identity_box .idb_wrap .top{padding-top: 68px; padding-bottom:15px;}
		.find_idpw_wrap .find1 .identity_box.phone .idb_wrap:before {width: 41px; height: 59px;}
		.find_idpw_wrap .find1 .identity_box .idb_btn{font-size:1.6rem;}
	}
	/* 미디어쿼리 끝 */
/* 아이디 및 비밀번호 찾기 본인인증 끝 */


/* 비밀번호 찾기 비밀번호 재설정 시작 */
.find_idpw_wrap .find2 .pw_title{position:relative;display: inline-block;width: 100%;text-align: center;color: #121212;font-size: 3.3rem;font-weight: 600;margin-bottom: 30px;letter-spacing: -0.125rem;padding-top:67px;border-bottom: 1px rgba(0,0,0,.1) solid;padding-bottom: 30px;}
.find_idpw_wrap .find2 .pw_title:before{
    content: "";
    position: absolute;
    left:50%;
    top:0;
    transform:translate(-50%,0);
    width:87px;
    height:49px;
    background: url(../images/contents/icon_findresult.svg) center no-repeat;
    background-size:contain;
    opacity:0.8;
}
.find_idpw_wrap .find2 input{background-color: #f5f5f5; border-radius: 2.5rem; border:none;}
.find_idpw_wrap .find2 input::placeholder{font-style: italic;}

	/* 미디어쿼리 시작 */
	@media (max-width:1280px){
		.find_idpw_wrap .find2 .pw_title{font-size: 3.1rem; padding-top:62px; padding-bottom:25px; margin-bottom:30px;}
		.find_idpw_wrap .find2 .pw_title:before{width: 80px; height: 47px;}
	}
	@media (max-width:768px){
		.find_idpw_wrap .find2 .pw_title{font-size:2.8rem; padding-top:58px; margin-bottom:27px;}
		.find_idpw_wrap .find2 .pw_title:before {width: 76px; height: 44px;}
		.find_idpw_wrap .find2 .confirmbtn{margin-top:27px;}
	}
	@media (max-width:600px){
		.find_idpw_wrap .find2 .pw_title{font-size: 2.5rem; letter-spacing: -0.075rem; padding-top: 54px; margin-bottom: 20px;}
		.find_idpw_wrap .find2 .pw_title:before{width: 70px; height: 41px;}
	}
	@media (max-width:560px){
		.find_idpw_wrap .find2 .pop_form{margin-top:0;}
	}
	@media (max-width:500px){
		.find_idpw_wrap .find2 .pw_title{width:100%; text-align:center; padding-top: 47px; margin-top:6px;}
		.find_idpw_wrap .find2 .pw_title:before {width: 60px; height: 35px;}
		.find_idpw_wrap .find2 .confirmbtn{margin-top:22px;}
		.find_idpw_wrap .find2 input::placeholder{font-size: 1.7rem;}
	}
	@media (max-width:350px){
		.find_idpw_wrap .find2 .pw_title{font-size:2.2rem; margin-bottom:20px; padding-bottom: 22px; padding-top:40px;}
		.find_idpw_wrap .find2 .pw_title:before{width: 53px; height: 31px;}
	}
	/* 미디어쿼리 끝 */
/* 비밀번호 찾기 비밀번호 재설정 끝 */


/* 비밀번호 완료화면 시작 */
.find_idpw_wrap .find3 .identity_box{width:100%; border: 3px solid #e9ecf1; padding: 40px 30px 30px 30px; border-radius: 5px; text-align: left;}
.find_idpw_wrap .find3 .identity_box .pw_title{position:relative; display: inline-block; width: 100%; text-align: center; color: #121212; font-size: 3.3rem; font-weight: 600; margin-bottom: 25px; letter-spacing: -0.1rem; padding-top:100px;}
.find_idpw_wrap .find3 .identity_box .pw_title:before{
    content: "";
    position: absolute;
    left:50%;
    top:0;
    transform:translate(-50%,0);
    width:87px;
    height:85px;
    background: url(../images/contents/icon_pwresult.svg) center no-repeat;
	background-size:contain;
	opacity:0.8;
}
.find_idpw_wrap .find3 .identity_box .pw_detail{display:inline-block; width: 100%; text-align: center; font-size:1.8rem; padding: 20px 30px; background-color: #f6f7f9; line-height: 1.5; letter-spacing: -0.075rem; font-weight:400;}
.find_idpw_wrap .find3 .identity_box .pw_detail .id_in{font-weight: 700; color: #0061ae;}
.find_idpw_wrap .find3 .btn_wrap{width: 100%; text-align: center; margin-top: 25px;}
.find_idpw_wrap .find3 .idb_btn{display:inline-flex; align-items: center; justify-content: center; width:100%; width:265px; padding: 15px 20px 14px; cursor: pointer; border: 2px solid rgba(0, 0, 0, 0); overflow-wrap: break-word; transition: all .3s; font-size: 1.7rem; line-height: 1; border-radius: 4px; font-weight: 500; background-color: #222222; border: 2px solid #222222; color:white; border-radius: 50px;}

	/* 미디어쿼리 시작 */
	@media (max-width:1280px){
		.find_idpw_wrap .find3 .identity_box .pw_title{font-size: 3.1rem; padding-top:80px;}
		.find_idpw_wrap .find3 .identity_box .pw_title:before{width: 72px; height: 71px;}
		.find_idpw_wrap .find3 .identity_box .pw_detail{padding: 20px;}
	}
	@media (max-width:768px){
		.find_idpw_wrap .find3 .identity_box{padding: 27px 25px 25px 25px;}
		.find_idpw_wrap .find3 .identity_box .pw_title{font-size:2.8rem; padding-top:72px; margin-bottom:25px;}
		.find_idpw_wrap .find3 .identity_box .pw_title:before {width: 65px; height: 64px;}
		.find_idpw_wrap .find3 .identity_box .pw_detail{font-size: 1.8rem; padding: 17px 17px; border-radius: 5px;}
	}
	@media (max-width:600px){
		.find_idpw_wrap .find3 .identity_box{padding: 27px 25px 25px 25px;}
		.find_idpw_wrap .find3 .identity_box .pw_title{font-size: 2.5rem; letter-spacing: -0.075rem; padding-top: 70px; margin-bottom: 20px;}
		.find_idpw_wrap .find3 .identity_box .pw_title:before{width: 62px; height: 61px;}
		.find_idpw_wrap .find3 .idb_btn{width:100%; max-width: 240px;}
	}
	@media (max-width:500px){
		.find_idpw_wrap .find3 .identity_box{padding: 22px 20px 20px 20px;}
		.find_idpw_wrap .find3 .identity_box .pw_title{width:100%; text-align:center; padding-top: 63px;}
		.find_idpw_wrap .find3 .identity_box .pw_title:before {width: 57px; height: 56px;}
		.find_idpw_wrap .find3 .identity_box .pw_detail{font-size: 1.7rem; padding: 15px 20px;}
		.find_idpw_wrap .find3 .btn_wrap{margin-top:20px;}
		.find_idpw_wrap .find3 .idb_btn{font-size:1.6rem; padding: 13px 20px 12px; border-radius: 45px;}
	}
	@media (max-width:350px){
		.find_idpw_wrap .find3 .identity_box{padding: 20px 15px 15px 15px;}
		.find_idpw_wrap .find3 .identity_box .pw_title{font-size:2.2rem; margin-bottom:20px; padding-top:57px;}
		.find_idpw_wrap .find3 .identity_box .pw_title:before{width: 52px; height: 51px;}
		.find_idpw_wrap .find3 .identity_box .pw_detail{font-size: 1.6rem; padding: 15px 20px;}
	}
	/* 미디어쿼리 끝 */
/* 비밀번호 완료화면 끝 */


/* 마이페이지 - 마이홈 시작 */
.mypage_wrap .step_mb{padding-top:0;}
.mypage_wrap .title_wrap{display: flex; width: 100%; max-width:1540px; margin:0 auto; position:relative; border-bottom:1px #808080 solid; padding-bottom:10px; margin-bottom:30px;}
.mypage_wrap .title.line{width:100%; font-size:3.2rem; color:black; font-weight:500; padding-left: 0; background:none; margin-bottom:0;}
.mypage_wrap .user_info_zone{position:relative; margin-bottom:90px;}
.mypage_wrap .user_info_zone:before{
	content: '';
    display: block;
    width: 100%;
    height: 235px;
    position: absolute;
	top: 0;
	left: 0;
	background-color:#231f20; 
	border-radius: 10px 10px 80px 10px;
	z-index:-1;
}
.mypage_wrap .user_info_zone .uiz_top{display: flex; justify-content: space-between; max-width: calc(1540px - 60px); margin:0 auto; padding:65px 0 50px;}
.mypage_wrap .user_info_zone .uiz_top .left_uiz{display:inline-flex;  width: calc(100% - 800px); transition: all ease 0.3s;}
.mypage_wrap .user_info_zone .uiz_top .right_uiz{width:800px; transition: all ease 0.3s;}
.mypage_wrap .user_info_zone .uiz_top .icon_in{position:relative; width:81px; height:86px; background: url(../images/contents/mypage_home_icon_frame.png) center no-repeat; background-size:contain; margin-right:20px;}
.mypage_wrap .user_info_zone .uiz_top .icon_in:before{
	content: '';
    display: block;
    width: 41px;
    height: 40px;
    position: absolute;
	top: calc(50% - 2px);
	left: 50%;
	transform:translate(-50%, -50%);
	background: url(../images/contents/icon_mypage_man.svg) center no-repeat;
	background-size: contain;
}
.mypage_wrap .user_info_zone .uiz_top .txt_in{display: inline-flex; flex-wrap: wrap; align-content: center;}
.mypage_wrap .user_info_zone .my_info{width:100%; /*margin-top:5px;*/}
.mypage_wrap .user_info_zone .my_info > span.hi_txt{font-size:3.6rem; color:white; font-weight:300; letter-spacing:-0.075rem;}
.mypage_wrap .user_info_zone .my_info > span.hi_txt strong{font-weight:700;}
.mypage_wrap .user_info_zone .uiz_bottom{max-width: 1540px; height:79px; border-radius:0; margin:0 auto; border-radius:10px; background-color:white; box-shadow: 0 3px 26px 0 rgba(0, 0, 0, 0.16);}
.mypage_wrap .user_info_zone .uiz_bottom .bottom_board_wrap{display:flex; align-items: center; width:100%; height: 100%; letter-spacing: -0.05rem; padding:0 50px;}
.mypage_wrap .user_info_zone .uiz_bottom .bottom_board_wrap .bd_title{position:relative; width:160px; font-size: 1.8rem; font-weight: 700; color: #222;}
.mypage_wrap .user_info_zone .uiz_bottom .bottom_board_wrap .bd_title:after{
	content: '';
    display: block;
    width: 1px;
    height: 15px;
    position: absolute;
    top: 2px;
    right: 0;
    background-color: rgb(182 175 165 / 70%);
}
.mypage_wrap .user_info_zone .uiz_bottom .bottom_board_wrap .bd_board{width: calc(100% - 160px); display:inline-flex; justify-content: space-between; margin: 1px 30px 0 30px;}
.mypage_wrap .user_info_zone .uiz_bottom .bottom_board_wrap .bd_board .bd_in{position:relative; width:calc(50% - 20px); padding-left:14px;}
.mypage_wrap .user_info_zone .uiz_bottom .bottom_board_wrap .bd_board .bd_in:after{
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    position: absolute;
    top: 7px;
    left: 0;
    background-color: #d5d5d5;
    border-radius:100%;
}
.mypage_wrap .user_info_zone .uiz_bottom .bottom_board_wrap .bd_board .bd_in > a{width:100%; display:inline-flex; justify-content: space-between; align-items: end; margin-top:1px;}
.mypage_wrap .user_info_zone .uiz_bottom .bottom_board_wrap .bd_board .bd_in .bd_e_title{width:calc(100% - 170px); font-size: 1.7rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all;}
.mypage_wrap .user_info_zone .uiz_bottom .bottom_board_wrap .bd_board .bd_in .bd_e_date{font-size: 1.5rem; color: #707070; font-weight: 500; letter-spacing: -0.1rem;}
.mypage_wrap .user_info_zone .uiz_bottom .bottom_board_wrap .bd_more_btn{margin-left: 10px; margin-top: 2px; margin-right: -2px;}
.mypage_wrap .user_info_zone .uiz_bottom .bottom_board_wrap .bd_more_btn .more-btn{font-size: 0;}
.mypage_wrap .user_info_zone .uiz_bottom .bottom_board_wrap .bd_more_btn .more-btn i{font-size: 2.0rem; font-weight:700; transition: 0.3s;}
.mypage_wrap .user_info_zone .uiz_bottom .bottom_board_wrap .bd_more_btn .more-btn:hover i{transform: rotate(180deg);}
.mypage_wrap .btn_area{display: inline-flex; margin-top:21px; padding-left:2px;}
.mypage_wrap .btn_area a{position:relative; font-size:1.7rem; color:rgb(255 255 255 / 80%); letter-spacing:-0.075rem; font-weight:300; padding-right:15px; margin-right:15px;}
.mypage_wrap .btn_area a:before {
    content: "";
    position: absolute;
    right: -1px;
    top: 3px;
    width: 1px;
    height: 10px;
    background-color: #ffffff;
    opacity: 0.15;
}
.mypage_wrap .btn_area > a:last-child{padding-right:0; margin-right:0;}
.mypage_wrap .btn_area > a:last-child:before{display:none;}
.mypage_wrap .sum_list{display:inline-flex; width:100%; height:100%;}
.mypage_wrap .sum_list > li{position:relative; width: calc(100% / 3); height:100%; margin:0 40px; box-sizing: border-box;}
.mypage_wrap .sum_list > li:first-child{margin-left:0;}
.mypage_wrap .sum_list > li:last-child{margin-right:0;}
.mypage_wrap .sum_list > li:before{
    content: "";
    position: absolute;
    top:0;
    right:-40px;
    width:1px;
    height:100%;
    background-color: #ffffff26;
}
.mypage_wrap .sum_list > li:last-child:before{display:none;}
/*
.mypage_wrap .sum_list > li:after{
    content: "";
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
	background: repeating-radial-gradient(circle, rgba(255, 255, 255, 0.01) 0, rgba(255, 255, 255, 0.01) 1px, transparent 1px, transparent 2px);
	opacity: 0.08;
	pointer-events: none;
}
*/
.mypage_wrap .sum_list > li.reserve:after{
	content: '';
    display: block;
    width: 47px;
    height: 41px;
    position: absolute;
	bottom: 0;
	background: url(../images/contents/icon_mypage_ticket.svg) center no-repeat;
	background-size: contain;
}
.mypage_wrap .sum_list > li.lesson:after{
	content: '';
    display: block;
    width: 38px;
    height: 37px;
    position: absolute;
	bottom: 0;
	background: url(../images/contents/icon_mypage_lesson.svg) center no-repeat;
	background-size: contain;
}
.mypage_wrap .sum_list > li.qna:after{
	content: '';
    display: block;
    width: 38px;
    height: 40px;
    position: absolute;
	bottom: 0;
	background: url(../images/contents/icon_mypage_qna.svg) center no-repeat;
	background-size: contain;
}
.mypage_wrap .sum_list > li > a{display:inline-flex; flex-wrap:wrap; align-content: space-between; justify-content:center; width:100%; height:100%; font-size:1.8rem; color:white; line-height:1;}
.mypage_wrap .sum_list > li .uiz_i_t{display:inline-block; width:100%; font-size:1.7rem; color:white;}
.mypage_wrap .sum_list > li .uiz_i_num{display:inline-block; vertical-align: baseline; width:100%; text-align:right;}
.mypage_wrap .sum_list > li .uiz_i_num span{display:inline-block; font-size: 2.0rem; font-weight: 700; color: #707070; line-height:1;}
.mypage_wrap .sum_list > li .uiz_i_num span.point{font-size:3.6rem; font-weight: 700; color: #b7a386; margin-right:4px; line-height:1;}
.mypage_wrap .rec_more_btn{display: inline-flex; justify-content: center; align-items: center; width: 45px; height: 45px; border: 1px solid black; margin-top:-4px;}
.mypage_wrap .rec_more_btn span{display: none; font-size: 0;}
.mypage_wrap .rec_more_btn i{font-size: 25px; color:black; transition: 0.3s;}
.mypage_wrap .rec_more_btn:hover i{transform: rotate(180deg);}
.mypage_wrap .slide_btn_list{display: inline-flex; align-items: center;;}
.mypage_wrap .slide_btn_list > li{display:inline-flex; align-items:center; justify-content: center;}
.mypage_wrap .slide_btn_list > li:first-child{margin-right:10px;}
.mypage_wrap .slide_btn_list > li:last-child{margin-left:20px;}
.mypage_wrap .slide_btn_list .rec_btn{display:inline-block; position:relative; width:36px; height:36px; cursor: pointer; margin-top: 0; right: auto; left: auto;}
.mypage_wrap .slide_btn_list .rec_button_prev:after{
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    width: 36px;
    height: 36px;
    background: url(../images/main/bs_prev_arrow_btn.svg) center no-repeat;
    background-size: contain;
}
.mypage_wrap .slide_btn_list .rec_button_next:after{
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    width: 36px;
    height: 36px;
    background: url(../images/main/bs_next_arrow_btn.svg) center no-repeat;
    background-size: contain;
}
.mypage_wrap .recommand_swiper .swiper-slide{width: calc(100% / 5);}
.mypage_wrap .recommand_swiper .swiper-slide .rec_img{position: relative; width: 100%; height:100%; padding-top: 141.44%;}
.mypage_wrap .recommand_swiper .swiper-slide .rec_img img {
	position: absolute; top: 0; left: 0; width: 100%; height:100%; box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.2);/*box-shadow: 5px 8px 15px rgba(0, 0, 0, 0.2);*/transition: 0.6s;
	max-width: 100%; max-height:100%;
}
.mypage_wrap .recommand_swiper .swiper-slide .rec_txt{width:100%; background-color:white; margin-top:20px;}
.mypage_wrap .recommand_swiper .swiper-slide .rec_txt .in_top > ul{display: inline-flex;}
.mypage_wrap .recommand_swiper .swiper-slide .rec_txt .in_top > ul > li{display: inline-flex; justify-content: center; align-items: center; height:28px; border:1px black solid; font-size:1.4rem; letter-spacing:-0.05rem; line-height:1; font-weight:500; padding:0 16px 0 17px; margin-left:-1px; background-color:white;}
.mypage_wrap .recommand_swiper .swiper-slide .rec_txt .in_top > ul > li:first-child{margin-left:0;}
.mypage_wrap .recommand_swiper .swiper-slide .rec_txt .in_top > ul > li.color1{background-color:#d92e78; border-color:#ae2560; color:white; font-weight:400;}
.mypage_wrap .recommand_swiper .swiper-slide .rec_txt .in_top > ul > li.color2{background-color:#252525; border-color:#252525; color:white; font-weight:400;}
.mypage_wrap .recommand_swiper .swiper-slide .rec_txt .in_top > ul > li.color3{background-color:#0061ae; border-color:#004379; color:white; font-weight:400;}
.mypage_wrap .recommand_swiper .swiper-slide .rec_txt .in_top > ul > li.color4{background-color:#cf710c; border-color:#914b00; color:white; font-weight:400;}
.mypage_wrap .recommand_swiper .swiper-slide .rec_txt .in_bottom{margin-top:15px;}
.mypage_wrap .recommand_swiper .swiper-slide .rec_txt .in_bottom > ul > li{overflow:hidden;}
/*.mypage_wrap .recommand_swiper .swiper-slide .rec_txt .in_bottom > ul > li:nth-child(1){margin-bottom:15px;}*/
.mypage_wrap .recommand_swiper .swiper-slide .rec_txt .in_bottom > ul > li:nth-child(2){margin-bottom:10px;}
.mypage_wrap .recommand_swiper .swiper-slide .rec_txt .in_bottom > ul > li .hide{display:none;}
.mypage_wrap .recommand_swiper .swiper-slide .rec_txt .in_bottom .rec_title{color:black; font-weight:500; font-size:2.0rem;}
.mypage_wrap .recommand_swiper .swiper-slide .rec_txt .in_bottom .rec_title > span{display:inline-block; width:100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all;}
.mypage_wrap .recommand_swiper .swiper-slide .rec_txt .in_bottom .rec_date{display:inline-block; color:#4b4b4b; font-size:1.6rem; letter-spacing:-0.075rem; font-weight:400; padding-right:11px;position:relative;}
.mypage_wrap .recommand_swiper .swiper-slide .rec_txt .in_bottom .rec_time{display:inline-block; color:#957a4f; font-size:1.6rem; letter-spacing:-0.075rem; font-weight:500;}
.mypage_wrap .recommand_swiper .swiper-slide .rec_txt .in_bottom .rec_loc{display:inline-block; color:#4c4c4c; font-size:1.6rem; letter-spacing:-0.075rem; font-weight:400; padding-left:20px; position:relative; width:100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all;}
.mypage_wrap .recommand_swiper .swiper-slide .rec_txt .in_bottom .rec_loc:before{
	content: '';
    display: block;
    position: absolute;
    top: -2px;
    left: 0;
    width: 16px;
    height: 20px;
    background: url(../images/main/icon_location.svg) center no-repeat;
    background-size: 20px;
    opacity: 0.8;
}
.mypage_wrap .per_con_frame{position:relative;}
.mypage_wrap .per_con_frame:before {
    content: '';
    display: block;
    width: calc(100% + 164px);
    height: 300px;
    position: absolute;
    top: calc(50% - 40px);
    left: -82px;
    transform: translate(0, -50%);
    background-image: repeating-linear-gradient(to right, white 0px, white 12px, #edeced 12px, #edeced 13px);
    z-index: -2;
}
.mypage_wrap .per_con_frame .per_con_swiper_wrap{max-width:1540px; margin: 0 auto; background-color:white;}
.mypage_wrap .per_con_frame .per_con_swiper_wrap > .swiper{width: calc(100% + 20px); padding-right: 20px;}

/*감면대상란 추가*/
.mypage_wrap .user_info_zone.type_plus .uiz_top .icon_in{margin-top:-20px;}
.mypage_wrap .user_info_zone.type_plus .uiz_top .txt_in{padding-top: 6px;}
.mypage_wrap .user_info_zone.type_plus .uiz_top .txt_in .my_info{position:relative;}
.mypage_wrap .user_info_zone.type_plus .uiz_top .txt_in .my_info .my_type{color: #dfdfff; display: inline-flex; margin-bottom: 9px; font-size: 1.3rem; line-height: 1; position: absolute; top: -32px; left: 0; letter-spacing: -0.075rem; font-weight: 500;}
.mypage_wrap .user_info_zone.type_plus .uiz_top .txt_in .my_info .my_type > li{background-color: #434343; padding: 5px 8px 5px 8px; border-radius: 5px; margin-right:3px;}
.mypage_wrap .user_info_zone.type_plus .uiz_top .txt_in .my_info .my_type > li.type1{background-color:#222571;}
.mypage_wrap .user_info_zone.type_plus .uiz_top .txt_in .my_info .my_type > li.type2{background-color:#006fa5;}
.mypage_wrap .user_info_zone.type_plus .uiz_top .txt_in .my_info .my_type > li:last-child{margin-right:0;}

    /* 미디어쿼리 시작 */
    @media (max-width: 1730px){
    	.mypage_wrap .user_info_zone:before{border-radius: 10px 10px 10px 10px;}
    	.mypage_wrap .user_info_zone .uiz_top .txt_in{width:calc(100% - 101px);}
    	.mypage_wrap .user_info_zone .uiz_top{max-width: 1540px; padding: 65px 50px 45px 50px;}
    	.mypage_wrap .user_info_zone .uiz_top .left_uiz{width: 40%;}
    	.mypage_wrap .user_info_zone .uiz_top .right_uiz{width: 60%;}
    }
    @media (max-width: 1600px){
    	.mypage_wrap .per_con_frame:before{width: calc(100% + 100px); left: -50px;  height: 60%; background-image: repeating-linear-gradient(to right, white 0px, white 8px, #edeced 8px, #edeced 9px);}
    }
    @media (max-width: 1480px){
    	.mypage_wrap .step_mb{margin-top:-10px;}
    	.mypage_wrap .per_con_frame:before{width: calc(100% + 80px); left: -40px;}
    	.mypage_wrap .user_info_zone{margin-bottom:70px;}
    	.mypage_wrap .user_info_zone .my_info > span.hi_txt{font-size:3.2rem;}
    	.mypage_wrap .user_info_zone:before{border-radius: 10px 10px 0 0;}
    	.mypage_wrap .sum_list > li .uiz_i_t{font-size:1.6rem;}
    	.mypage_wrap .sum_list > li .uiz_i_num span.point{font-size:3.2rem;}
    	.mypage_wrap .sum_list > li .uiz_i_num span{font-size:1.8rem;}
    	.mypage_wrap .btn_area a{font-size:1.6rem;}
    }
    @media (min-width:1281px){
    	.mypage_wrap .user_info_zone.type_plus .uiz_top .left_uiz{min-height:86px;}
    }
    @media (max-width: 1280px){
    	.mypage_wrap .user_info_zone:before{height:250px;}
    	.mypage_wrap .user_info_zone .uiz_top {flex-wrap: wrap; padding: 30px 50px 30px 50px;}
    	.mypage_wrap .user_info_zone .uiz_top .left_uiz{width:100%; margin-bottom:50px;}
    	.mypage_wrap .user_info_zone .uiz_top .right_uiz{width:100%;}
    	.mypage_wrap .user_info_zone .uiz_top .icon_in{width:51px; height:55px;}
    	.mypage_wrap .user_info_zone .uiz_top .icon_in:before{width:25px; height:30px;}
    	.mypage_wrap .user_info_zone .my_info > span.hi_txt{font-size:3.0rem;}
    	.mypage_wrap .sum_list > li .uiz_i_t{margin-bottom:25px;}
    	.mypage_wrap .sum_list > li .uiz_i_num span.point{font-size:3.0rem;}
    	.mypage_wrap .sum_list > li.reserve:after{width:40px; height:36px;}
    	.mypage_wrap .sum_list > li.lesson:after{width:33px; height:31px;}
    	.mypage_wrap .sum_list > li.qna:after{width:35px; height:37px;}
    	.mypage_wrap .user_info_zone .uiz_bottom{height:70px;}
    	.mypage_wrap .title_wrap{margin-bottom:25px;}
    	.mypage_wrap .title.line{font-size:3.0rem;}
    	
    }
    @media (min-width:1025px) and (max-width:1280px){
    	.mypage_wrap .recommand_swiper .swiper-slide .rec_txt .in_bottom .rec_title{font-size:1.8rem;}
    	.mypage_wrap .recommand_swiper .swiper-slide .rec_txt .in_bottom .rec_title > span{padding-right:3px;}
    	.mypage_wrap .recommand_swiper .swiper-slide .rec_txt .in_top > ul > li{height:26px; padding: 0 11px 0 12px;}
    	
    	/*감면대상란 추가*/
    	.mypage_wrap .user_info_zone.type_plus .uiz_top .txt_in{padding-top:0;}
    	.mypage_wrap .user_info_zone.type_plus .uiz_top .txt_in .my_info .my_type{position:relative; top:-6px; left:auto; margin-bottom:0;}
    	.mypage_wrap .user_info_zone.type_plus .uiz_top .my_info > span.hi_txt{display:inline-block; width:100%;}
    	.mypage_wrap .user_info_zone.type_plus .uiz_top .icon_in{margin-top:0;}
    	.mypage_wrap .user_info_zone.type_plus .btn_area{padding-top:12px;}
    }
    @media (min-width:769px) and (max-width:1280px){
    	 .mypage_wrap .user_info_zone .uiz_top .txt_in{display: inline-flex; flex-wrap: wrap; align-content: center; width: 100%; justify-content: space-between;}
    	 .mypage_wrap .user_info_zone .my_info{width:auto; margin-top:0;}
    	 .mypage_wrap .btn_area{margin-top:0;}
    }
    @media (max-width: 1024px){
    	.mypage_wrap .per_con_frame:before{width: calc(100% + 60px); left: -30px;}
    	.mypage_wrap .user_info_zone{margin-bottom:60px;}
        .mypage_wrap .user_info_zone .my_info > span.hi_txt{font-size: 2.7rem;}
        .mypage_wrap .sum_list > li .uiz_i_num span.point{font-size:2.7rem;}
        .mypage_wrap .sum_list > li .uiz_i_num span{font-size:1.7rem;}
        .mypage_wrap .title_wrap{margin-bottom:20px;}
        .mypage_wrap .title.line{font-size:2.8rem;}
    }
    @media (min-width:769px) and (max-width:1024px){
    	/*감면대상란 추가*/
    	.mypage_wrap .user_info_zone.type_plus .uiz_top .txt_in{padding-top:0;}
    	.mypage_wrap .user_info_zone.type_plus .uiz_top .txt_in .my_info .my_type{position:relative; top:auto; left:auto;}
    	.mypage_wrap .user_info_zone.type_plus .my_info > span.hi_txt{display:inline-block; width:100%;}
    	.mypage_wrap .user_info_zone.type_plus .uiz_top .icon_in{margin-top:-2px;}
    	.mypage_wrap .user_info_zone.type_plus .btn_area{padding-top:14px;}
    }
    @media (max-width: 950px){
    	.mypage_wrap .user_info_zone .uiz_bottom .bottom_board_wrap{padding:0 30px;}
    	.mypage_wrap .user_info_zone .uiz_bottom .bottom_board_wrap .bd_title{display:none;}
    	.mypage_wrap .user_info_zone .uiz_bottom .bottom_board_wrap .bd_board{width:100%; margin-left:0;}
    	.mypage_wrap .user_info_zone .uiz_bottom .bottom_board_wrap .bd_board .bd_in{padding-left:30px;}
    	.mypage_wrap .user_info_zone .uiz_bottom .bottom_board_wrap .bd_board .bd_in:after{width:20px; height:18px; background: url(../images/contents/icon_bell.svg) center no-repeat; background-size: contain; top:0;}
        .mypage_wrap .recommand_swiper .swiper-slide .rec_txt .in_bottom .rec_title{font-size:1.8rem;}
    	.mypage_wrap .recommand_swiper .swiper-slide .rec_txt .in_bottom .rec_title > span{padding-right:3px;}
    	.mypage_wrap .recommand_swiper .swiper-slide .rec_txt .in_top > ul > li{height:26px; padding: 0 11px 0 12px;}
    }
    @media (max-width: 768px){
    	.mypage_wrap .per_con_frame:before{width: calc(100% + 40px); left: -20px; display:none;}
    	.mypage_wrap .user_info_zone{margin-bottom:50px;}
    	.mypage_wrap .user_info_zone:before{height:290px;}
    	.mypage_wrap .user_info_zone .uiz_top{padding: 50px 50px 30px 50px;}
    	.mypage_wrap .user_info_zone .uiz_top .left_uiz{justify-content: center; max-width: 325px; margin: 0 auto; margin-bottom: 40px;}
    	.mypage_wrap .user_info_zone .my_info{margin-top:0;}
    	.mypage_wrap .user_info_zone .my_info > span.hi_txt{font-size:2.5rem;}
    	.mypage_wrap .user_info_zone .uiz_bottom{height:65px;}
    	.mypage_wrap .user_info_zone .uiz_bottom .bottom_board_wrap{padding: 0 25px;}
    	.mypage_wrap .user_info_zone .uiz_bottom .bottom_board_wrap .bd_board .bd_in:after{height:17px;}
    	.mypage_wrap .user_info_zone .uiz_bottom .bottom_board_wrap .bd_board .bd_in {padding-left: 27px;}
    	.mypage_wrap .sum_list > li .uiz_i_t{text-align:center; padding-top:55px; margin-bottom: 10px;}
    	.mypage_wrap .sum_list > li .uiz_i_num{text-align:center; display: inline-flex; align-items: center; justify-content: center;}
    	.mypage_wrap .sum_list > li.reserve:after{left: 50%; transform: translate(-50%, 0); bottom: auto; top: 0;}
    	.mypage_wrap .sum_list > li.lesson:after{left: 50%; transform: translate(-50%, 0); bottom: auto; top: 5px;}
    	.mypage_wrap .sum_list > li.qna:after{left: 50%; transform: translate(-50%, 0); bottom: auto; top: 0;}
    	.mypage_wrap .sum_list > li .uiz_i_num span.point{font-size:2.4rem;}
    	.mypage_wrap .sum_list > li .uiz_i_num span{font-size:1.6rem;}
    	.mypage_wrap .btn_area{margin-top:14px;}
    	.mypage_wrap .per_con_frame .per_con_swiper_wrap{width:calc(100% + 20px); overflow:hidden;}
    	.mypage_wrap .recommand_swiper .swiper-slide{width:240px;}
    	.mypage_wrap .title.line{font-size:2.6rem;}
    	.mypage_wrap .slide_btn_list .rec_button_prev:after{width:30px; height:30px;}
    	.mypage_wrap .slide_btn_list .rec_button_next:after{width:30px; height:30px;}
    	.mypage_wrap .slide_btn_list > li:last-child{margin-left:10px;}
    	.mypage_wrap .rec_more_btn{width:38px; height:38px; margin-bottom:0;}
    	.mypage_wrap .rec_more_btn i {font-size: 22px;}
    	.mypage_wrap .btn_area a{font-size:1.5rem;}
    }
    @media (min-width:501px) and (max-width:768px){
    	/*감면대상란 추가*/
    	.mypage_wrap .user_info_zone.type_plus .uiz_top{padding: 50px 50px 30px 50px;}
    	.mypage_wrap .user_info_zone.type_plus .uiz_top .icon_in{margin-top: -6px;}
    	.mypage_wrap .user_info_zone.type_plus .uiz_top .txt_in .my_info .my_type{top: -27px; font-size: 1.2rem;}
    	.mypage_wrap .user_info_zone.type_plus .uiz_top .txt_in .my_info .my_type > li{padding: 5px 6px 4px 6px;}
    }
    @media (max-width: 700px){
    	.mypage_wrap .user_info_zone .uiz_bottom .bottom_board_wrap .bd_board{margin-right:10px;}
    	.mypage_wrap .user_info_zone .uiz_bottom .bottom_board_wrap .bd_board .bd_in .bd_e_title{width:100%;}
    	.mypage_wrap .user_info_zone .uiz_bottom .bottom_board_wrap .bd_board .bd_in .bd_e_date{display:none;}
    }
    @media (max-width: 500px){
    	.mypage_wrap .step_mb{margin-top:-5px;}
    	.mypage_wrap .user_info_zone{width: calc(100% + 40px); margin-left: -20px;}
    	.mypage_wrap .user_info_zone .my_info > span.hi_txt{font-size:2.1rem;}
    	.mypage_wrap .user_info_zone:before{height: 310px; border-radius:30px 30px 0 0;}
    	.mypage_wrap .user_info_zone .uiz_top{padding:30px 20px 25px 20px;}
    	.mypage_wrap .user_info_zone .uiz_top .left_uiz{flex-wrap:wrap; margin-bottom:30px;}
    	.mypage_wrap .user_info_zone .uiz_top .txt_in{width:100%; text-align:center;}
    	.mypage_wrap .user_info_zone .uiz_top .icon_in{margin-right:0; margin-bottom:9px;}
    	.mypage_wrap .user_info_zone .uiz_bottom{width:90%; height:60px;}
    	.mypage_wrap .user_info_zone .uiz_bottom .bottom_board_wrap .bd_board .bd_in .bd_e_title{font-size:1.6rem;}
    	.mypage_wrap .btn_area{margin:14px auto 0 auto;}
    	.mypage_wrap .sum_list > li{margin:0 10px;}
    	.mypage_wrap .sum_list > li.reserve:after{width: 35px; height: 32px;}
    	.mypage_wrap .sum_list > li.lesson:after{width: 29px; height: 26px;}
    	.mypage_wrap .sum_list > li.qna:after{width:30px; height:32px;}
    	.mypage_wrap .sum_list > li:before{top: 50%; right: -10px; transform: translate(0, -50%); height: 80%;}
    	.mypage_wrap .sum_list > li .uiz_i_t{padding-top:45px; margin-bottom:10px; font-size: 1.4rem;}
    	.mypage_wrap .sum_list > li .uiz_i_num span.point{font-size:1.7rem;}
    	.mypage_wrap .sum_list > li .uiz_i_num span{font-size:1.3rem;}
    	.mypage_wrap .title.line{font-size:2.4rem;}
    	.mypage_wrap .recommand_swiper .swiper-slide .rec_txt .in_bottom .rec_title{font-size:1.7rem;}
    	
    	/*감면대상란 추가*/
    	.mypage_wrap .user_info_zone.type_plus:before{height: 343px;}
    	.mypage_wrap .user_info_zone.type_plus .uiz_top .icon_in{margin-top: 0; margin-bottom: 3px;}
    	.mypage_wrap .user_info_zone.type_plus .uiz_top .txt_in .my_info .my_type{position: relative; top: auto; left: auto; font-size: 1.2rem; margin-bottom: 6px;}
    	.mypage_wrap .user_info_zone.type_plus .uiz_top .txt_in .my_info .my_type > li{padding: 5px 6px 4px 6px;}
    	.mypage_wrap .user_info_zone.type_plus .my_info > span.hi_txt{display: inline-block; width: 100%;}
    }
    @media (max-width: 425px){
    	.mypage_wrap .per_con_frame:before{width: calc(100% + 30px); left: -15px;}
    	.mypage_wrap .user_info_zone{width: calc(100% + 30px); margin-left: -15px;}
    	.mypage_wrap .user_info_zone .uiz_top{padding: 30px 15px 25px 15px;}
    	.mypage_wrap .user_info_zone .uiz_bottom .bottom_board_wrap{padding:0 20px;}
    	.mypage_wrap .per_con_frame .per_con_swiper_wrap{width:calc(100% + 15px);}
    }
    @media (max-width: 350px){
    	.mypage_wrap .user_info_zone:before{border-radius:20px 20px 0 0;}
    }
    /* 미디어쿼리 끝 */
/* 마이페이지 - 마이홈 끝 */


/* 마이페이지 - 감면인증 시작 */
.discount_cert_wrap .discount_cert{position: relative; max-width:80rem; background-color:#fff; margin:0 auto; padding-top:0; transition: all 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946); -webkit-transition: all 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946);} 
.discount_cert_wrap .discount_cert .disi_title{position:relative; margin: 0 0 3rem; font-size: 3.3rem; letter-spacing: -0.15rem; font-weight: 700; text-align: center;}
.discount_cert_wrap .discount_cert .disi_title .point{color:#675633;}
.discount_cert_wrap .discount_cert .discount_in{padding:40px 0 30px 0;}
.discount_cert_wrap .discount_cert .disi_input_zone{text-align: center;}
.discount_cert_wrap input{display: inline-block; vertical-align: middle; box-sizing: border-box; width: 100%; height: 55px; border-radius: 5px; border: #d5d5d5 solid 1px; padding-left: 20px; padding-right: 20px; font-size: 1.8rem; font-weight: 500; color: #131313; line-height: 58px; text-align: left; letter-spacing: -0.05rem;}
.discount_cert_wrap input::placeholder{color:#8c8c8c;}
.discount_cert_wrap input:-ms-input-placeholder{color:#8c8c8c;}
.discount_cert_wrap input::-ms-input-placeholder{color:#8c8c8c;}
.discount_cert_wrap input.regi_input{width:calc((100% - 20px) / 2);}
.discount_cert_wrap .chk_primary{display:flex; align-items: center;background-color: #7a6842; color:white; border-radius: 5px; padding: 15px 20px;}
.discount_cert_wrap .chk_primary .one{font-size: 0; line-height:0;}
.discount_cert_wrap .chk_primary input[type=checkbox]{position:absolute; width:0; height:0; margin:0; padding:0; background:none; font-size:0; line-height:0;}
.discount_cert_wrap .chk_primary label{padding-left: 10px; display: inline-flex; align-items: flex-start; font-size: 1.7rem;}
.discount_cert_wrap .chk_primary label.pl_0{padding-left:0;}
.discount_cert_wrap .chk_primary input[type=checkbox] + label span.check_box_deco{display: inline-block; width: 25px; height: 25px; margin-right: 10px; box-sizing: border-box; border: 1px solid #c7c7c7; vertical-align: middle; transition: border, background-color 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946); -webkit-transition: border, background-color 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946); border-radius: 3px; background-color:white;}
.discount_cert_wrap .chk_primary input[type=checkbox]:checked + label span.check_box_deco {border-color: black; background: url(../images/contents/check.svg) no-repeat center center black;}
.discount_cert_wrap .chk_primary label .bitchk_w {width: calc(100% - 32px); line-height: 1; font-weight: 500; line-height:25px; letter-spacing: -0.05rem;}
.discount_cert_wrap .pop_form{padding: 3rem 0 0 0; border-top: 1px #e0e0e0 solid;}
.discount_cert_wrap .pop_form li{display:flex; margin-bottom: 11px;}
.discount_cert_wrap .pop_form li:last-child{margin-bottom:0;}
.discount_cert_wrap .pop_form li .left_zone{width:160px; font-size: 1.8rem; text-align: left; padding-top:18px;}
.discount_cert_wrap .pop_form li .right_zone{width:calc(100% - 160px); display:flex; align-items:center; flex-wrap:wrap; justify-content: space-between;}
.discount_cert_wrap .pop_form li .right_zone > div{width:100%;}
.discount_cert_wrap .pop_form li .right_zone > div.two_form{width:calc(50% - 5px);}
.discount_cert_wrap .pop_form li .right_zone > div.regi_num{display: flex; align-items: center; justify-content: space-between;}
.discount_cert_wrap .pop_form li .right_zone .phone_num{display:flex; margin-bottom: 8px; align-items: center;}
.discount_cert_wrap .pop_form li .right_zone .btn_zone{width:100%; text-align: left;}
.discount_cert_wrap .pop_form li .right_zone .email_num{width:100%;}
.discount_cert_wrap .pop_form li .right_zone .email_num .input_zone{display:flex; margin-bottom: 8px; align-items: center;}
.discount_cert_wrap .pop_form li .right_zone .email_num .e_short{width: 50%; min-width:125px;}
.discount_cert_wrap .pop_form li .right_zone .choice_s{border: 1px solid #ccc; width:100%; height: 50px; padding: 0 40px 0 15px; border-radius: 3px;  margin-bottom:7px; background: url(../images/contents/select_open_icon.svg) no-repeat; background-size: 22px; background-position: center right 10px;}
.discount_cert_wrap .pop_form li .left_zone span{position:relative; padding-left:15px;}
.discount_cert_wrap .pop_form li .left_zone span:before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 10px;
    width: 4px;
    height: 4px;
    background: #848380;
    border-radius: 100%;
}
.discount_cert_wrap .pop_form li .left_zone label{position:relative; padding-left:15px;}
.discount_cert_wrap .pop_form li .left_zone label:before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 10px;
    width: 4px;
    height: 4px;
    background: #848380;
    border-radius: 100%;
}
.discount_cert_wrap .regiBtn{display: inline-block; width: 100%; max-width: 240px; background: #0d0d0d; text-align: center; color: white; height: 60px; line-height: 60px; border-radius:60px; margin-top: 40px; font-weight: 500; transition: 0.3s; font-size: 1.8rem;}
.discount_cert_wrap .regiBtn:hover {transform: translateY(-3px); box-shadow: 0 30px 30px rgb(13 13 13 / 10%);}
	
	/* 미디어쿼리 시작 */
	@media (max-width: 1024px){
		.discount_cert_wrap .discount_cert .discount_in {padding: 30px 0 20px 0;}
		.discount_cert_wrap .discount_cert{max-width: 60rem;}
		.discount_cert_wrap .chk_primary{padding: 15px 20px;}
		.discount_cert_wrap .regiBtn{margin-top:32px;}
	}
	 @media (max-width:768px){
	 	.discount_cert_wrap .discount_cert{max-width: 50rem;}
	 	.discount_cert_wrap .discount_cert .discount_in{padding: 20px 0 10px 0;}
	 	.discount_cert_wrap .discount_cert .disi_title{font-size:2.9rem; margin: 0 0 2rem;}
	 	.discount_cert_wrap .pop_form{padding: 2.5rem 0 0 0;}
	 	.discount_cert_wrap .pop_form li .left_zone{font-size:1.7rem; width: 150px;}
	 	.discount_cert_wrap .pop_form li .right_zone{width: calc(100% - 150px);}
	 	.discount_cert_wrap .pop_form li .right_zone > div.two_form {width: calc(50% - 2.5px);}
	 	.discount_cert_wrap .chk_primary{padding: 12px 15px;}
	 	.discount_cert_wrap .chk_primary label{font-size:1.6rem;}
	 	.discount_cert_wrap input{height:49px;}
	 	.discount_cert_wrap .regiBtn{max-width:300px; height: 55px; line-height: 55px; font-size:1.7rem; margin-top:30px;}
	}
	@media (max-width: 500px){
		.discount_cert_wrap .discount_cert .discount_in{padding: 10px 0 0 0;}
		.discount_cert_wrap .discount_cert .disi_title{font-size:2.3rem; margin: 0 0 1.5rem;}
		.discount_cert_wrap .chk_primary{padding:10px 11px;}
		.discount_cert_wrap .chk_primary label{font-size:1.5rem;}
		.discount_cert_wrap .pop_form{padding: 2.3rem 1rem 0 1rem;}
		.discount_cert_wrap .pop_form li .left_zone{font-size: 1.6rem; width: 120px; letter-spacing: -0.05rem;}
		.discount_cert_wrap .pop_form li .right_zone{width: calc(100% - 120px);}
		.discount_cert_wrap .pop_form li .left_zone label:before{top:7px;}
		.discount_cert_wrap .pop_form li .left_zone span:before{top:7px;}
		.discount_cert_wrap .chk_primary input[type=checkbox] + label span.check_box_deco{width:22px; height:22px;}
		.discount_cert_wrap .chk_primary label .bitchk_w{line-height:22px;}
		.discount_cert_wrap input{height:46px;}
		.discount_cert_wrap .regiBtn{max-width:calc(100% - 2rem); height: 50px; line-height: 50px; font-size:1.6rem; margin-top:23px;}
	}
	@media (max-width: 450px){
		.discount_cert_wrap .pop_form li{flex-wrap:wrap; margin-bottom:5px;}
		.discount_cert_wrap .pop_form li .left_zone{width:100%; padding-bottom: 10px;}
		.discount_cert_wrap .pop_form li .right_zone{width:100%;}
		.discount_cert_wrap .pop_form li:first-child .left_zone{padding-top:0;}
		.discount_cert_wrap .chk_primary {padding: 9px 15px;}
	}
	@media (max-width: 350px){
		.discount_cert_wrap .discount_cert .discount_in {padding: 10px 0 0 0;}
		.discount_cert_wrap .pop_form li .left_zone{font-size:1.5rem; padding-top: 13px; padding-bottom: 8px;}
		.discount_cert_wrap .discount_cert .disi_title{font-size:2.1rem;}
		.discount_cert_wrap .regiBtn{height: 46px; line-height: 46px; font-size:1.5rem; margin-top: 17px;}
	}
	/* 미디어쿼리 끝 */
/* 마이페이지 - 감면인증 끝 */


/* 마이페이지 - 감면인증 완료부분 */
.discount_complete_wrap{padding-top: 30px;}
.discount_complete{border:1px #d4d8dd solid; padding: 10px; background-color: #fafafa; max-width: 100rem; margin: 0 auto; margin-bottom:30px;}
.discount_complete .txt_wrap{background-color:white; text-align:center; padding: 50px 0; box-shadow: 0 0 3px #efefef;}
.discount_complete .txt_wrap span.top_txt{position:relative; display:inline-block; width:100%; font-size: 3.3rem; font-weight: 700; letter-spacing: -0.075rem; color: #222; margin-bottom: 20px; padding-top: 95px; line-height: 1.2; transition: all 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946); -webkit-transition: all 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946);}
.discount_complete .txt_wrap span.top_txt .deco{position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); display: inline-flex; align-items: center; justify-content: center; width:80px; height:80px; border:2px #7a6842 solid; border-radius:100%; color: #7a6842; font-size: 49px;}
.discount_complete .txt_wrap span.top_txt .deco i{padding-top: 2px;}
.discount_complete .txt_wrap span.point{color:#675633; font-weight: 800;}
.discount_complete .txt_wrap span.bold{font-weight:700; letter-spacing: -0.075rem;  color: #675633;}
.discount_complete .txt_wrap > p{display: inline-block; margin: 0 auto; padding: 15px 30px; background-color: #f5f5f5; border-radius: 50px; font-size:2.1rem; line-height:1.3; font-weight:400; transition: all 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946); -webkit-transition: all 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946);}
.discount_complete .txt_wrap > p > br{display:none;}
.discount_complete .btn_wrap{margin-top:40px;}
.discount_complete .btn_wrap .regiBtn{max-width:300px; margin-top:0; background: #292929; height: 50px; line-height: 50px; border-radius: 60px;}

	/* 미디어쿼리 시작 */
    @media (max-width: 1280px){
    	.discount_complete_wrap{padding-top:20px;}
		.discount_complete{margin-bottom:0px;}
	}
    @media (max-width: 1024px){
		.discount_complete_wrap{padding-top:10px;}
		.discount_complete{margin-bottom:20px;}
	}
    @media (max-width: 768px){
    	.discount_complete_wrap{padding-top:0;}
    	.discount_complete{margin-bottom:10px;}
		.discount_complete {padding: 8px; margin-bottom:0;}
		.discount_complete .txt_wrap{padding:40px 0;}
		.discount_complete .txt_wrap span.top_txt{font-size:2.9rem; margin-bottom:13px; padding-top: 75px;}
		.discount_complete .txt_wrap > p{font-size:1.7rem;}
		.discount_complete .btn_wrap{margin-top:25px;}
		.discount_complete .txt_wrap span.top_txt .deco{width: 65px; height: 65px; font-size: 38px;}
	}
	@media (max-width: 550px){
		.discount_complete .txt_wrap > p{width: 90%; line-height: 1.4; border-radius: 7px; padding: 12px 30px;}
		.discount_complete .txt_wrap > p > br{display:block;}
		.discount_complete .txt_wrap span.top_txt{margin-bottom:10px;}
	}
    @media (max-width: 500px){
    	.discount_complete{margin-bottom:0px;}
    	.discount_complete .txt_wrap{padding: 30px 25px;}
		.discount_complete .txt_wrap span.top_txt{font-size:2.3rem; margin-bottom:10px; padding-top: 62px;}
		.discount_complete .txt_wrap span.top_txt .deco{width: 55px; height: 55px; font-size: 34px;}
		.discount_complete .txt_wrap > p{width:100%; font-size:1.6rem;}
		.discount_complete .btn_wrap{margin-top:20px;}
		.discount_complete .btn_wrap .regiBtn{height: 45px; line-height: 45px; font-size: 1.6rem;}
	}
    @media (max-width: 350px){
		.discount_complete {border: 1px #d4d8dd solid; padding:7px;}
		.discount_complete .txt_wrap > p{max-width:100%; padding: 10px 0; font-size: 1.5rem;}
		.discount_complete .txt_wrap span.top_txt{font-size:2.1rem; padding-top: 58px;}
		.discount_complete .txt_wrap span.top_txt .deco{width:50px; height:50px; font-size:30px;}
		.discount_complete .btn_wrap{margin-top:25px;}
		.discount_complete .btn_wrap .regiBtn{font-size: 1.5rem;}
	}
	/* 미디어쿼리 끝 */
/* 마이페이지 - 감면인증 완료부분 */


/* 마이페이지 - 비밀번호변경 시작 */
.password_edit_wrap{display:flex; max-width: 1200px; margin: 0 auto;}
.password_edit_wrap .txt_field{position:relative; width:400px;}
.password_edit_wrap .txt_field i.spin{animation: rotate_spin 10s linear infinite;transform-origin: 50% 50%;font-size: 27rem;opacity: 0.03;position: absolute;top: 220px;left: -130px;z-index:-1;}
.password_edit_wrap .pw_txt_in_wrap{position:relative; padding-top: 35px; padding-bottom:80px;}
.password_edit_wrap .pw_txt_in_wrap:before{
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translate(0, -50%);
    width: 73px;
    height: 16px;
    background: url(../images/contents/form_txt_deco.svg) center no-repeat;
    background-size: contain;
}
.password_edit_wrap .pw_txt_in_wrap .title_b{display: inline-block; margin-top: 10px; line-height: 1.3; font-size: 3.6rem; letter-spacing: -0.15rem; font-weight: 300; width:100%;}
.password_edit_wrap .pw_txt_in_wrap .title_b strong{font-weight: 700;}
.password_edit_wrap .pw_txt_in_wrap i{font-size:4.5rem; color:#a99578;}
.password_edit_wrap .pw_txt_in_wrap p{font-size: 1.8rem; font-weight: 500; line-height: 1.6; margin-top: 20px;}
.password_edit_wrap .pw_txt_in_wrap p .line_plus{text-decoration: underline; display: inline-block; margin-top: 15px;}
.password_edit_wrap .password_field{width:calc(100% - 400px); padding-left: 100px;}
.password_edit_wrap .password_field .pw_edit_form{border-radius: 15px; border: 3px solid #f5f7fa; padding: 32px 35px;}
.password_edit_wrap .password_field .pw_edit_form li{margin-top:20px;}
.password_edit_wrap .password_field .pw_edit_form li:first-child{margin-top:0;}
.password_edit_wrap .password_field .pw_edit_form .label_zone label{font-size: 1.8rem; font-weight: 600;}
.password_edit_wrap .password_field .pw_edit_form li.point_this .label_zone label{color: rgb(107 87 41);}
.password_edit_wrap .password_field .pw_edit_form .label_zone .req{color: #b18a5c; font-size: 1.9rem; font-weight: 800;}
.password_edit_wrap .password_field .pw_edit_form .edit_zone{margin-top:8px;}
.password_edit_wrap .password_field .pw_edit_form .edit_zone input{width: 100%; height: 50px; padding: 0 15px; border-radius: 3px; font-weight:500;}
.password_edit_wrap .password_field .pw_edit_form .edit_zone input::placeholder{font-style: italic}
.password_edit_wrap .password_field .pw_edit_form li.point_this .edit_zone input{border-color: rgb(135 118 78);}
.password_edit_wrap .password_field .btn_zone{text-align:center;}
.password_edit_wrap .password_field .pweditBtn{display: inline-block;width: 100%;max-width: 40%;background: #0d0d0d;text-align: center;color: white;height: 55px;line-height: 55px;border-radius: 4px;margin: 28px auto 0 auto;font-weight: 500;transition: 0.3s;font-size: 1.8rem;}
@keyframes rotate_spin{
	100% {
    	transform: rotate(360deg);
    }
}

	/* 미디어쿼리 시작 */
	@media (max-width: 1480px){
		.password_edit_wrap{max-width:1100px;}
		.password_edit_wrap .txt_field{width:350px;}
		.password_edit_wrap .password_field{width:calc(100% - 350px);}
	}
	@media (max-width: 1280px){
		.password_edit_wrap{max-width:930px;}
		.password_edit_wrap .password_field{padding-left:70px;}
		.password_edit_wrap .password_field .pweditBtn{max-width: 280px;}
		.password_edit_wrap .pw_txt_in_wrap{padding-top:10px;}
	}
	@media (max-width: 1024px){
		.password_edit_wrap{padding-left:20px; padding-right:20px;}
		.password_edit_wrap .pw_txt_in_wrap .title_b{font-size: 3.4rem;}
		.password_edit_wrap .pw_txt_in_wrap p{font-size:1.7rem;}
		.password_edit_wrap .password_field{padding-left:40px;}
	}
	@media (max-width: 900px){
		.password_edit_wrap{flex-wrap:wrap; max-width:90%; margin-top:0; padding-left:0; padding-right:0;}
		.password_edit_wrap .password_field{width:100%; padding-left:0;}
		.password_edit_wrap .txt_field{width:100%;}
		.password_edit_wrap .pw_txt_in_wrap{padding-top:0; padding-left: 20px; padding-right: 20px; padding-bottom: 35px;}
		.password_edit_wrap .pw_txt_in_wrap:before{display:none;}
		.password_edit_wrap .pw_txt_in_wrap .pw_txt_title_wrap{position:relative;}
		.password_edit_wrap .pw_txt_in_wrap .title_b{width:100%; margin-top:9px; padding-left: 0px; font-size: 3.0rem;}
		.password_edit_wrap .pw_txt_in_wrap .title_b br{display:none;}
		.password_edit_wrap .pw_txt_in_wrap p{margin-top:10px; font-weight:400;}
		.password_edit_wrap .pw_txt_in_wrap p br{display:none;}
		.password_edit_wrap .pw_txt_in_wrap p .line_plus{margin-top:0;}
		.password_edit_wrap .pw_txt_in_wrap i{font-size: 4rem;}
	}
	@media (max-width: 768px){
		.password_edit_wrap{max-width:95%;}
		.password_edit_wrap .pw_txt_in_wrap{padding-left:10px; padding-right:10px;}
		.password_edit_wrap .pw_txt_in_wrap i{font-size:3.8rem;}
		.password_edit_wrap .pw_txt_in_wrap .title_b{font-size: 2.7rem; margin-top: 7px;}
		.password_edit_wrap .pw_txt_in_wrap p{font-size:1.6rem;}
		.password_edit_wrap .password_field .pw_edit_form .label_zone label{font-size:1.7rem;}
	}
	@media (max-width: 510px){
		.password_edit_wrap .pw_txt_in_wrap .title_b br{display:block;}
	}
	@media (max-width: 500px){
		.password_edit_wrap .pw_txt_in_wrap{width:95%; margin:0 auto; padding-left:0; padding-right:0; padding-bottom: 30px;}
		.password_edit_wrap .pw_txt_in_wrap i{font-size:3.6rem;}
		.password_edit_wrap .pw_txt_in_wrap .title_b{font-size:2.4rem;}
		.password_edit_wrap .pw_txt_in_wrap .title_b br{display:none;}
		.password_edit_wrap .password_field .pw_edit_form{padding: 32px 30px;}
		.password_edit_wrap .password_field .pw_edit_form li{margin-top:25px;}
		.password_edit_wrap .password_field .pweditBtn{width:70%; height: 47px; line-height: 47px; font-size: 1.7rem;}
	}
	@media (max-width: 450px){
		.password_edit_wrap .pw_txt_in_wrap{padding-bottom:25px;}
		.password_edit_wrap .pw_txt_in_wrap .title_b br{display:block;}
		.password_edit_wrap .password_field .pw_edit_form{padding: 27px 20px;}
		.password_edit_wrap .password_field .pweditBtn{margin-top:22px;}
	}
	@media (max-width: 350px){
		.password_edit_wrap{width:100%;}
		.password_edit_wrap .pw_txt_in_wrap i{font-size:3.4rem;}
		.password_edit_wrap .pw_txt_in_wrap .title_b{font-size:2.2rem;}
		.password_edit_wrap .pw_txt_in_wrap p{font-size:1.5rem;}
		.password_edit_wrap .password_field .pw_edit_form .label_zone label{font-size:1.6rem;}
		
	}
	/* 미디어쿼리 끝 */
/* 마이페이지 - 비밀번호변경 끝 */


/* 인사말 - 시작 */
.greeting_wrap .insa_con_wrap{display:flex; align-items: stretch; margin-top:20px;}
.greeting_wrap .img_zone{width:472px; height:auto; position:relative;}
.greeting_wrap .img_zone:before{
    content: '';
    position: absolute;
    top:0;
    right:0;
    display: block;
    width: 472px;
    height: 685px;
    background: url(../images/contents/greeting_pic.jpg) center no-repeat;
    z-index: -1;
}
.greeting_wrap .img_zone .etc_wrap{position:relative; width:100%; height:100%;}
.greeting_wrap .img_zone .etc_wrap:before{
    content: '';
    position: absolute;
    top:-10px;
    left:-10px;
    display: block;
    width: 70px;
    height: 70px;
    background-color:#7a6842;
    z-index: -1;
	display:none;
}
.greeting_wrap .txt_zone{width:calc(100% - 472px); line-height:1.2; color: #111; padding-right: 90px; padding-top:0;}
.greeting_wrap .b_insa_top{width: 474px; height: 69px; margin-bottom:30px;}
.greeting_wrap .b_insa_top > img{width:100%;}
.greeting_wrap .b_insa_title{font-size: 4.5rem; font-weight: 300; letter-spacing: -0.25rem; padding-left: 20px; margin-bottom:45px; position:relative;}
.greeting_wrap .b_insa_title::after {
    position: absolute;
    top: 8px;
    left: 0;
    display: block;
    width: 3px;
    height: calc(100% - 14px);
    background: #aba290;
    content: '';
}
.greeting_wrap .b_insa_title .bold{font-weight:700;}
.greeting_wrap .b_insa_title .gold{color:#7a6842;}
.greeting_wrap .detail{line-height: 3.3rem; font-size:1.8rem; color:#4e4e4e; letter-spacing:-0.04rem;}
.greeting_wrap .detail .bold{color: #222; font-weight: 600;}
.greeting_wrap .name{display:inline-flex; align-items:center; margin-top:45px; font-weight: 700; color: #7a6842; position:relative;}
.greeting_wrap .name .name_in{width: 114px; height: 53px; display: inline-block; background: url(../images/contents/insa_name.png) center no-repeat; background-size:114px 53px; font-size: 0; line-height: 0; margin-left: 15px;}

	/* 미디어쿼리 시작 */
	@media (max-width: 1723px){
		.greeting_wrap .b_insa_title::after{height:92px;}
	}
	@media (max-width: 1500px){
		.greeting_wrap .b_insa_title {font-size: 4.0rem;}
		.greeting_wrap .b_insa_title::after{height:82px;}
		.greeting_wrap .img_zone{width:400px;}
		.greeting_wrap .img_zone:before{
			width:100%;
			height:100%;
			background: url(../images/contents/greeting_pic_crop.jpg) center no-repeat;
			background-size: cover;
		}
		.greeting_wrap .txt_zone{width: calc(100% - 400px); padding-right: 80px;}
		.greeting_wrap .name .name_in{width:96px; height:45px; background-size: contain;}
		.greeting_wrap .detail{font-size:1.7rem;}
	}
	@media (max-width: 1280px){
		.greeting_wrap .insa_con_wrap{flex-wrap:wrap; margin-top:0;}
		.greeting_wrap .img_zone{margin:0 auto; order:1; width: 100%; height: 560px; overflow: hidden;}
		.greeting_wrap .img_zone:before{
			width:400px;
			height:560px;
			top:0;
			left:50%;
			transform:translate(-50%,0);
			background: url(../images/contents/greeting_pic_crop.jpg) center no-repeat;
			background-size: cover;
		}
		.greeting_wrap .img_zone:after {
		    content: '';
		    display: block;
		    width: 100%;
		    height: 300px;
		    position: absolute;
		    top: 50%;
		    left: 0;
		    transform: translate(0, -50%);
		    background-image: repeating-linear-gradient(to right, white 0px, white 12px, #edeced 12px, #edeced 13px);
		    z-index: -2;
		}
		.greeting_wrap .txt_zone{width:100%; order:2; margin-top: 50px; padding-right:0;}
		.greeting_wrap .txt_zone .txt_wrap{border: 1px #e6e8ea dotted; padding: 70px 60px 60px 60px;}
		.greeting_wrap .name{margin-top:35px;}
		.greeting_wrap .name::after{display:none;}
		.greeting_wrap .name .name_in {width: 90px; height: 41px;}
		.greeting_wrap .b_insa_title{font-size: 3.5rem;}
		.greeting_wrap .b_insa_title::after{top: 6px; height: 30px;}
	}
	@media (min-width:769px) and (max-width:1280px){
		.greeting_wrap .insa_con_wrap{text-align: center;}
		.greeting_wrap .b_insa_top{margin-left:auto; margin-right:auto;}
		.greeting_wrap .b_insa_title{display: inline-block; margin-left: auto; margin-right: auto;}
		.greeting_wrap .detail{text-align: left; max-width: 720px; margin: 0 auto;}
		.greeting_wrap .name{width:100%; max-width:720px;}
	}
	@media (max-width: 768px){
		.greeting_wrap .txt_zone{margin-top:40px;}
		.greeting_wrap .img_zone{height: 470px;}
		.greeting_wrap .img_zone:before{
			width:300px;
			height:470px;
			top:0;
			left:50%;
			transform:translate(-50%,0);
			background: url(../images/contents/greeting_pic_crop.jpg) center no-repeat;
			background-size: cover;
		}
		.greeting_wrap .img_zone:after{background-image: repeating-linear-gradient(to right, white 0px, white 8px, #edeced 8px, #edeced 9px);}
		.greeting_wrap .b_insa_title::after{top:5px; height:calc(100% - 10px);}
		.greeting_wrap .b_insa_top{width: 375px; height: 55px; margin-bottom: 25px;}
		.greeting_wrap .b_insa_title{font-size:3.0rem; margin-bottom:30px;}
		.greeting_wrap .detail{font-size:1.7rem;}
	}
	@media (max-width: 500px){
		.greeting_wrap .b_insa_title{font-size:2.8rem;}
		.greeting_wrap .detail{font-size: 1.6rem; line-height: 1.8;}
		.greeting_wrap .img_zone{height: 410px; margin-top:10px;}
		.greeting_wrap .img_zone:before{width: 240px;height: 410px;}
		.greeting_wrap .img_zone:after{background-image: repeating-linear-gradient(to right, white 0px, white 6px, #edeced 6px, #edeced 7px);}
		.greeting_wrap .b_insa_top{width: 295px; height: 43px; margin-bottom: 20px;}
		.greeting_wrap .name {margin-top: 20px;}
		.greeting_wrap .name .name_in{width: 80px; height: 38px;}
	}
	@media (max-width: 400px){
		.greeting_wrap .b_insa_title{font-size: 2.5rem; padding-left: 16px;}
		.greeting_wrap .b_insa_top{width: 255px; height: 38px; margin-bottom: 15px;}
		.greeting_wrap .txt_zone{margin-top: 30px;}
		.greeting_wrap .img_zone{width: 100%; height: 370px;}
		.greeting_wrap .img_zone:before{width:100%; height: 370px; max-width: 290px;}
		.greeting_wrap .img_zone img{width: 275px;}
		.greeting_wrap .name .name_in{width: 70px; height: 33px;}
	}
	@media (max-width: 350px){
		.greeting_wrap .img_zone:after{display:none;}
	}
    /* 미디어쿼리 끝 */
/* 인사말 - 끝 */


/* 비전과목표 - 시작 */
.vison_wrap .vison_zone{position:relative; width:100%; height:320px; background-color: #16151e; display:inline-flex; align-content: center; justify-content:center; flex-wrap:wrap;}
.vison_wrap .vison_zone:before{
    content: '';
    display: block;
    width: calc(100% - 14px);
    height: calc(100% - 14px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px rgb(255 255 255 / 20%) solid;
    z-index: 1;
}
.vison_wrap .vison_zone:after{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/contents/vision_bg01.jpg) center no-repeat;
    background-size: cover;
    z-index: 0;
    opacity: 0.2;
}
.vison_wrap .vison_zone .vision_txt{display: inline-flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.vison_wrap .vison_zone .eng_v{position: relative; font-family: "Tenor Sans"; color:white; font-size:2.5rem; letter-spacing: -0.075rem; padding-bottom: 40px; z-index: 2;}
.vison_wrap .vison_zone .eng_v:before{
    content: '';
    display: block;
    width: 25px;
    height: 2px;
    position: absolute;
    bottom: 25px;
    left: 50%;
    transform: translate(-50%, 0);
    background-color: rgb(255 255 255 / 40%);
    z-index: 2;
}
.vison_wrap .vison_zone .kor_v{width:100%; text-align: center; font-size: 4.2rem; color:white; letter-spacing: -0.075rem; font-weight: 300; z-index: 2;}
.vison_wrap .vison_zone .kor_v .bold{font-weight:500;}
.vison_wrap .strategy_zone{padding:10px 0;}
.vison_wrap .strategy_ul_wrap{border-top:1px #e9e9e9 solid; border-bottom:1px #e9e9e9 solid;}
.vison_wrap .strategy_ul_wrap .strategy_ul{position:relative; display:flex; flex-wrap: wrap; width:100%; padding:0; box-sizing:border-box;}
/*
.vison_wrap .strategy_ul_wrap .strategy_ul:before{
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    top:0;
    left:0;
    background-color: #ededed;
    z-index: 4;
}
.vison_wrap .strategy_ul_wrap .strategy_ul:after{
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    top:0;
    right:0;
    background-color: #ededed;
    z-index: 4;
}
*/
.vison_wrap .strategy_ul_wrap .strategy_ul li{position:relative; width:50%; float:left; height:260px; text-align:center; overflow:hidden; position:relative; box-sizing:border-box; background:#2d2d2d; font-size:1.7rem; font-weight:600;}
.vison_wrap .strategy_ul_wrap .strategy_ul li .bg_strategy{width:60%; height:100%; position:absolute; top:0; background-color:gray;}
.vison_wrap .strategy_ul_wrap .strategy_ul li .strategy_text{display: flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: center; width:40%; position:absolute; top:0; font-size:1.8rem; letter-spacing:-0.025rem; height:100%; box-sizing:border-box; color: #222; background-color: white; transition-duration: 0.5s; z-index: 3;}
.vison_wrap .strategy_ul_wrap .strategy_ul li .strategy_text span{position:relative; font-family: "Tenor Sans"; font-size:3rem; display:inline-block; margin-bottom:15px; margin-top:-2px; padding-bottom:11px; font-weight:900; color:#77787b;}
.vison_wrap .strategy_ul_wrap .strategy_ul li .strategy_text span:before{
    content: '';
    display: block;
    width: 20px;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    background-color:#e1e0e1;
}
.vison_wrap .strategy_ul_wrap .strategy_ul li .strategy_text p{width:100%; font-weight:400; color:#333; line-height:1.4; letter-spacing: -0.075rem;}
.vison_wrap .strategy_ul_wrap .strategy_ul li:nth-child(1):before{
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    top:0;
    right:0;
    background-color: rgb(0 0 0 / 10%);
    z-index: 2;
}
.vison_wrap .strategy_ul_wrap .strategy_ul li:nth-child(3):before{
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    top:0;
    right:0;
    background-color: rgb(0 0 0 / 10%);
    z-index: 2;
}
.vison_wrap .strategy_ul_wrap .strategy_ul li:nth-child(1) .bg_strategy:before{
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right:0;
    width: 40px;
    height: 100%;
    background-image: linear-gradient(-90deg, rgba(0, 0, 0, 1) 25%, rgba(0, 0, 0, 0) 95%);
    z-index: 1;
    opacity: 0.3;
    mix-blend-mode: multiply;
    pointer-events: none;
}
.vison_wrap .strategy_ul_wrap .strategy_ul li:nth-child(2) .bg_strategy:before{
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right:0;
    width: 40px;
    height: 100%;
    background-image: linear-gradient(-90deg, rgba(0, 0, 0, 1) 25%, rgba(0, 0, 0, 0) 95%);
    z-index: 1;
    opacity: 0.3;
    mix-blend-mode: multiply;
    pointer-events: none;
}
.vison_wrap .strategy_ul_wrap .strategy_ul li:nth-child(3) .bg_strategy:before{
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right:0;
    width: 40px;
    height: 100%;
    background-image: linear-gradient(-90deg, rgba(0, 0, 0, 1) 25%, rgba(0, 0, 0, 0) 95%);
    z-index: 1;
    opacity: 0.3;
    mix-blend-mode: multiply;
    pointer-events: none;
}
.vison_wrap .strategy_ul_wrap .strategy_ul li:nth-child(4) .bg_strategy:before{
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right:0;
    width: 40px;
    height: 100%;
    background-image: linear-gradient(-90deg, rgba(0, 0, 0, 1) 25%, rgba(0, 0, 0, 0) 95%);
    z-index: 1;
    opacity: 0.3;
    mix-blend-mode: multiply;
    pointer-events: none;
}
.vison_wrap .strategy_ul_wrap .strategy_ul li:nth-child(1) .bg_strategy,
.vison_wrap .strategy_ul_wrap .strategy_ul li:nth-child(2) .bg_strategy {left:0;}
.vison_wrap .strategy_ul_wrap .strategy_ul li:nth-child(1) .strategy_text,
.vison_wrap .strategy_ul_wrap .strategy_ul li:nth-child(2) .strategy_text {right:0;}
.vison_wrap .strategy_ul_wrap .strategy_ul li:nth-child(3) .bg_strategy,
.vison_wrap .strategy_ul_wrap .strategy_ul li:nth-child(4) .bg_strategy {right:0;}
.vison_wrap .strategy_ul_wrap .strategy_ul li:nth-child(3) .strategy_text,
.vison_wrap .strategy_ul_wrap .strategy_ul li:nth-child(4) .strategy_text {left:0;}
.vison_wrap .strategy_ul_wrap .strategy_ul li:nth-child(1) .bg_strategy {background:url(../images/contents/bg_strategy_01.jpg) 70% 50% no-repeat #fff; background-size:cover; }
.vison_wrap .strategy_ul_wrap .strategy_ul li:nth-child(2) .bg_strategy {background:url(../images/contents/bg_strategy_02.jpg) 50% 30% no-repeat #fff; background-size:cover; }
.vison_wrap .strategy_ul_wrap .strategy_ul li:nth-child(3) .bg_strategy {background:url(../images/contents/bg_strategy_03.jpg) 50% 30% no-repeat #fff; background-size:cover; }
.vison_wrap .strategy_ul_wrap .strategy_ul li:nth-child(4) .bg_strategy {background:url(../images/contents/bg_strategy_04.jpg) 50% 30% no-repeat #fff; background-size:cover; margin-right:0; }
.vison_wrap .strategy_ul_wrap .strategy_ul li:hover .strategy_text{background-color:#2d2d2d;}
.vison_wrap .strategy_ul_wrap .strategy_ul li:hover .strategy_text span{color: #bea36b;}
.vison_wrap .strategy_ul_wrap .strategy_ul li:hover .strategy_text p{color: white; font-weight:300;}
.vison_wrap .strategy_ul_wrap .strategy_ul li:hover .strategy_text span:before{background-color: #5f5f5f;}

.vison_wrap .tasks_zone{background-color:#f8f8f8; border-bottom: 1px #ededed solid;}
.vison_wrap .tasks_zone .txt_con_frame{padding-top:20px;}
.vison_wrap .tasks_list{margin-top:30px; display:flex; flex-wrap:wrap; justify-content: center;}
.vison_wrap .tasks_list .task_box{position:relative; display: inline-flex; height: 270px; width: calc((100% - 80px) / 5); background: #fff; margin-right: 20px; margin-bottom: 20px; align-items: center; justify-content: center; text-align: center; padding-top:10px; transition: 0.3s;}
.vison_wrap .tasks_list .task_box:hover{transform: translateY(-3px); box-shadow: 0 30px 30px rgb(13 13 13 / 10%);}
.vison_wrap .tasks_list .task_box span{position:relative; padding-top:85px; font-size: 1.8rem; font-weight: 400; color: #333; letter-spacing: -0.075rem;}
.vison_wrap .tasks_list .task_box span:before{
	position: absolute;
	top:0;
	left:50%;
	transform:translate(-50%,0);
}
.vison_wrap .tasks_list .task_box.one span:before{
    content: '';
    display: block;
    width: 61px;
    height: 64px;
    background: url(../images/contents/icon_task_1_p.svg) center no-repeat;
    background-size: contain;
    z-index: 0;
}
.vison_wrap .tasks_list .task_box.two span:before{
    content: '';
    display: block;
    width: 68px;
    height: 64px;
    background: url(../images/contents/icon_task_2.svg) center no-repeat;
    background-size: contain;
    z-index: 0;
}
.vison_wrap .tasks_list .task_box.three span:before{
    content: '';
    display: block;
    top: -10px;
    width: 79px;
    height: 78px;
    background: url(../images/contents/icon_task_3_p.svg) center no-repeat;
    background-size: contain;
    z-index: 0;
}
.vison_wrap .tasks_list .task_box.four span:before{
    content: '';
    display: block;
    width: 71px;
    height: 64px;
    background: url(../images/contents/icon_task_4_p.svg) center no-repeat;
    background-size: contain;
    z-index: 0;
}
.vison_wrap .tasks_list .task_box.five span:before{
    content: '';
    display: block;
    width: 85px;
    height: 65px;
    background: url(../images/contents/icon_task_5_p.svg) center no-repeat;
    background-size: contain;
    z-index: 0;
}
.vison_wrap .tasks_list .task_box.six span:before{
    content: '';
    display: block;
    top: 7px;
    width: 92px;
    height: 61px;
    background: url(../images/contents/icon_task_6_p.svg) center no-repeat;
    background-size: contain;
    z-index: 0;
}
.vison_wrap .tasks_list .task_box.seven span:before{
    content: '';
    display: block;
    top:8px;
    width: 65px;
    height: 53px;
    background: url(../images/contents/icon_task_7_p.svg) center no-repeat;
    background-size: contain;
    z-index: 0;
}
.vison_wrap .tasks_list .task_box.eight span:before{
    content: '';
    display: block;
    width: 55px;
    height: 64px;
    background: url(../images/contents/icon_task_8_p.svg) center no-repeat;
    background-size: contain;
    z-index: 0;
}
.vison_wrap .tasks_list .task_box.nine span:before{
    content: '';
    display: block;
    width: 68px;
    height: 63px;
    background: url(../images/contents/icon_task_9_p.svg) center no-repeat;
    background-size: contain;
    z-index: 0;
}
/*
.vison_wrap .tasks_list li:after{
	display: inline-flex;
    align-items: center;
    justify-content: center;
    content: '1';
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    background-color: #877650;
    color: white;
    font-size: 2.2rem;
    font-weight: 600;
    box-shadow: 1px 3px 0 rgb(0 0 0 / 10%);
    text-shadow: 2px 2px rgb(0 0 0 / 10%);
    font-family: "Tenor Sans";
}
.vison_wrap .tasks_list li:nth-child(2):after{content: '2';}
.vison_wrap .tasks_list li:nth-child(3):after{content: '3';}
.vison_wrap .tasks_list li:nth-child(4):after{content: '4';}
.vison_wrap .tasks_list li:nth-child(5):after{content: '5';}
.vison_wrap .tasks_list li:nth-child(6):after{content: '6';}
.vison_wrap .tasks_list li:nth-child(7):after{content: '7';}
.vison_wrap .tasks_list li:nth-child(8):after{content: '8';}
.vison_wrap .tasks_list li:nth-child(9):after{content: '9';}
*/
	/* 미디어쿼리 시작 */
	@media (min-width:381px){
		.vison_wrap .strategy_ul_wrap .strategy_ul li:nth-child(1):hover .bg_strategy,
		.vison_wrap .strategy_ul_wrap .strategy_ul li:nth-child(2):hover .bg_strategy {left:-100%; transition-duration:0.5s;}
		.vison_wrap .strategy_ul_wrap .strategy_ul li:nth-child(1):hover .strategy_text,
		.vison_wrap .strategy_ul_wrap .strategy_ul li:nth-child(2):hover .strategy_text {width:100%; transition-duration:0.5s;}
		.vison_wrap .strategy_ul_wrap .strategy_ul li:nth-child(3):hover .bg_strategy,
		.vison_wrap .strategy_ul_wrap .strategy_ul li:nth-child(4):hover .bg_strategy {right:-100%; transition-duration:0.5s;}
		.vison_wrap .strategy_ul_wrap .strategy_ul li:nth-child(3):hover .strategy_text,
		.vison_wrap .strategy_ul_wrap .strategy_ul li:nth-child(4):hover .strategy_text {width:100%; transition-duration:0.5s;}
	}
	@media (min-width: 1481px){
		.vison_wrap .tasks_list .task_box.five{margin-right:0;}
		.vison_wrap .tasks_list .task_box.nine{margin-right:0;}
		.vison_wrap .tasks_list .task_box.six{margin-bottom:0;}
		.vison_wrap .tasks_list .task_box.seven{margin-bottom:0;}
		.vison_wrap .tasks_list .task_box.eight{margin-bottom:0;}
		.vison_wrap .tasks_list .task_box.nine{margin-bottom:0;}
	}
	@media (max-width: 1480px){
		.vison_wrap .vison_zone{height:310px;}
		.vison_wrap .vison_zone .kor_v{font-size:4.0rem;}
		.vison_wrap .vison_zone .eng_v{font-size: 2.4rem; padding-bottom:35px;}
		.vison_wrap .vison_zone .eng_v:before{bottom:22px;}
		.vison_wrap .strategy_ul_wrap .strategy_ul li .strategy_text{width:260px; font-size: 1.7rem;}
		.vison_wrap .strategy_ul_wrap .strategy_ul li .bg_strategy{width:calc(100% - 260px);}
		.vison_wrap .tasks_list .task_box{width:calc((100% - 40px) / 3); height:240px;}
	}
	@media (min-width:1025px) and (max-width:1480px){
		.vison_wrap .tasks_list .task_box.three{margin-right:0;}
		.vison_wrap .tasks_list .task_box.six{margin-right:0;}
		.vison_wrap .tasks_list .task_box.seven{margin-bottom:0;}
		.vison_wrap .tasks_list .task_box.eight{margin-bottom:0;}
		.vison_wrap .tasks_list .task_box.nine{margin-bottom:0; margin-right:0;}
	}
	@media (max-width: 1280px){
		.vison_wrap .vison_zone{height: 270px;}
		.vison_wrap .vison_zone .eng_v{font-size:2.3rem; padding-bottom: 30px;}
		.vison_wrap .vison_zone .eng_v:before{bottom:20px;}
		.vison_wrap .vison_zone .kor_v{font-size:3.6rem;}
		.vison_wrap .tasks_list{margin-top:20px;}
		.vison_wrap .tasks_zone{position:relative;}
		.vison_wrap .tasks_zone:before{
		    content: '';
		    display: block;
		    width: 40px;
		    height: 100%;
		    position: absolute;
		    top:0;
		    left:-40px;
		    background-color: #f8f8f8;
		    border-bottom: 1px #ededed solid;
		}
		.vison_wrap .tasks_zone:after{
		    content: '';
		    display: block;
		    width: 40px;
		    height: 100%;
		    position: absolute;
		    top:0;
		    right:-40px;
		    background-color: #f8f8f8;
		    border-bottom: 1px #ededed solid;
		}
		.vison_wrap .tasks_list .task_box{height:220px;}
		.vison_wrap .tasks_list .task_box span{font-size:1.7rem;}
		.vison_wrap .strategy_ul_wrap .strategy_ul li{height:240px;}
		.vison_wrap .strategy_ul_wrap .strategy_ul li .bg_strategy{width:50%;}
		.vison_wrap .strategy_ul_wrap .strategy_ul li .strategy_text{width:50%;}
	}
	@media (max-width: 1024px){
		.vison_wrap .vison_zone{height:240px; padding:0 30px;}
		.vison_wrap .vison_zone:before{width: calc(100% - 11px); height: calc(100% - 11px);}
		.vison_wrap .vison_zone .eng_v{font-size:2.0rem; padding-bottom:25px;}
		.vison_wrap .vison_zone .eng_v:before{width:20px; bottom: 16px;}
		.vison_wrap .vison_zone .kor_v{font-size:3.4rem;}
		.vison_wrap .tasks_zone:before{width: 30px; left:-30px;}
		.vison_wrap .tasks_zone:after{width: 30px; right:-30px;}
		.vison_wrap .tasks_list{justify-content: left;}
		.vison_wrap .tasks_list .task_box{width:calc((100% - 15px) / 2); height:210px; margin-right: 15px; margin-bottom: 15px;}
		.vison_wrap .strategy_ul_wrap{border-top:none; border-bottom:none;}
		.vison_wrap .strategy_ul_wrap .strategy_ul li{width:100%;}
		.vison_wrap .strategy_ul_wrap .strategy_ul li:nth-child(1) .bg_strategy, .vison_wrap .strategy_ul_wrap .strategy_ul li:nth-child(3) .bg_strategy,
		.vison_wrap .strategy_ul_wrap .strategy_ul li:nth-child(2) .strategy_text, .vison_wrap .strategy_ul_wrap .strategy_ul li:nth-child(4) .strategy_text{ left:0; }
		.vison_wrap .strategy_ul_wrap .strategy_ul li:nth-child(1) .strategy_text, .vison_wrap .strategy_ul_wrap .strategy_ul li:nth-child(3) .strategy_text,
		.vison_wrap .strategy_ul_wrap .strategy_ul li:nth-child(2) .bg_strategy, .vison_wrap .strategy_ul_wrap .strategy_ul li:nth-child(4) .bg_strategy { right:0; left:auto; }

		.vison_wrap .strategy_ul_wrap .strategy_ul li:hover .strategy_text{background-color:#1e1e1e;}
		.vison_wrap .strategy_ul_wrap .strategy_ul li:nth-child(2) .strategy_text{background-color:#2d2d2d;}
		.vison_wrap .strategy_ul_wrap .strategy_ul li:nth-child(2) .strategy_text span{color: #bea36b;}
		.vison_wrap .strategy_ul_wrap .strategy_ul li:nth-child(2) .strategy_text p{color: white; font-weight:300;}
		.vison_wrap .strategy_ul_wrap .strategy_ul li:nth-child(2) .strategy_text span:before{background-color: #5f5f5f;}
		
		.vison_wrap .strategy_ul_wrap .strategy_ul li:nth-child(4) .strategy_text{background-color:#2d2d2d;}
		.vison_wrap .strategy_ul_wrap .strategy_ul li:nth-child(4) .strategy_text span{color: #bea36b;}
		.vison_wrap .strategy_ul_wrap .strategy_ul li:nth-child(4) .strategy_text p{color: white; font-weight:300;}
		.vison_wrap .strategy_ul_wrap .strategy_ul li:nth-child(4) .strategy_text span:before{background-color: #5f5f5f;}
		.vison_wrap .strategy_ul_wrap .strategy_ul li .strategy_text{font-size:1.8rem;}
	}
	@media (min-width:381px) and (max-width:1024px){
		.vison_wrap .tasks_list .task_box.two{margin-right:0;}
		.vison_wrap .tasks_list .task_box.four{margin-right:0;}
		.vison_wrap .tasks_list .task_box.six{margin-right:0;}
		.vison_wrap .tasks_list .task_box.eight{margin-right:0; margin-bottom:0;}
		.vison_wrap .tasks_list .task_box.nine{margin-bottom:0; margin-right:0;}
		
		.vison_wrap .strategy_ul_wrap .strategy_ul li:nth-child(2):hover .bg_strategy,
		.vison_wrap .strategy_ul_wrap .strategy_ul li:nth-child(3):hover .bg_strategy{ left:-100%; transition-duration:0.5s;}
		.vison_wrap .strategy_ul_wrap .strategy_ul li:nth-child(1):hover .strategy_text,
		.vison_wrap .strategy_ul_wrap .strategy_ul li:nth-child(3):hover .strategy_text{ width:100%; transition-duration:0.5s;}
		
		.vison_wrap .strategy_ul_wrap .strategy_ul li:nth-child(2):hover .bg_strategy,
		.vison_wrap .strategy_ul_wrap .strategy_ul li:nth-child(4):hover .bg_strategy{ right:-100%; transition-duration:0.5s;}
		.vison_wrap .strategy_ul_wrap .strategy_ul li:nth-child(3):hover .strategy_text,
		.vison_wrap .strategy_ul_wrap .strategy_ul li:nth-child(4):hover .strategy_text{ width:100%; transition-duration:0.5s;}
	}
	@media (max-width: 768px){
		.vison_wrap .vison_zone{height: auto; padding: 50px 40px 45px 40px; min-height: 200px;}
		.vison_wrap .vison_zone .eng_v{font-size:1.8rem; padding-bottom: 18px;}
		.vison_wrap .vison_zone .eng_v:before {width: 17px; bottom: 10px;}
		.vison_wrap .vison_zone .kor_v{font-size:2.8rem;}
		.vison_wrap .strategy_ul_wrap .strategy_ul li{height:200px;}
		.vison_wrap .strategy_ul_wrap .strategy_ul li .strategy_text span{font-size: 2.8rem; margin-bottom:13px; padding-bottom:9px;}
		.vison_wrap .strategy_ul_wrap .strategy_ul li .strategy_text{font-size:1.6rem;}
		.vison_wrap .tasks_zone:before{width: 20px; left:-20px;}
		.vison_wrap .tasks_zone:after{width: 20px; right:-20px;}
		.vison_wrap .tasks_list{margin-top: 15px;}
		.vison_wrap .tasks_list .task_box{height: 180px; padding:10px 20px 0 20px;}
		.vison_wrap .tasks_list .task_box span{padding-top:70px; font-size: 1.6rem;}
		.vison_wrap .tasks_list .task_box.one span:before{width:63px; height:56px;}
		.vison_wrap .tasks_list .task_box.two span:before{width:60px; height:56px;}
		.vison_wrap .tasks_list .task_box.three span:before{width:79px; height:69px;}
		.vison_wrap .tasks_list .task_box.four span:before{width:60px; height:54px;}
		.vison_wrap .tasks_list .task_box.five span:before{width:75px; height:57px;}
		.vison_wrap .tasks_list .task_box.six span:before{width:82px; height:54px;}
		.vison_wrap .tasks_list .task_box.seven span:before{width:56px; height:53px;}
		.vison_wrap .tasks_list .task_box.eight span:before{width: 51px; height: 59px;}
		.vison_wrap .tasks_list .task_box.nine span:before{width:58px; height:54px;}
	}
	@media (max-width: 500px){
		.vison_wrap .vison_zone{height: auto; min-height: 160px;}
		.vison_wrap .vison_zone .kor_v{font-size:2.3rem;}
		.vison_wrap .vison_zone .eng_v{font-size:1.6rem; padding-bottom:11px;}
		.vison_wrap .vison_zone .eng_v:before {width: 12px; bottom: 6px;}
		.vison_wrap .tasks_list .task_box{width: calc((100% - 10px) / 2); margin-right: 10px; margin-bottom: 10px;}
		.vison_wrap .strategy_ul_wrap .strategy_ul li .strategy_text{font-size:1.6rem; padding: 0 30px;}
		.vison_wrap .strategy_ul_wrap .strategy_ul li .strategy_text span{font-size:2.4rem;}
		.vison_wrap .tasks_list .task_box span{line-height:1.3; font-size:1.5rem;}
	}
	@media (max-width: 380px){
		.vison_wrap .tasks_list .task_box{width:100%; height:160px;}
		.vison_wrap .tasks_zone:before{width: 15px; left:-15px;}
		.vison_wrap .tasks_zone:after{width: 15px; right:-15px;}
		.vison_wrap .tasks_list .task_box{margin-right:0;}
		.vison_wrap .tasks_list .task_box.nine{margin-bottom:0;}
		.vison_wrap .tasks_list .task_box span br{display:none;}
		
		.vison_wrap .strategy_ul_wrap .strategy_ul li{height:auto; margin-bottom:10px;}
		.vison_wrap .strategy_ul_wrap .strategy_ul li .bg_strategy{position: relative; width: 100%; left: auto; right: auto; top: auto; height: 130px;}
		.vison_wrap .strategy_ul_wrap .strategy_ul li .strategy_text{width: 100%; position: relative; top: auto; left: auto; right: auto; height: auto; padding: 20px;}
		.vison_wrap .strategy_ul_wrap .strategy_ul li .strategy_text span{font-size:2rem; margin-bottom: 10px; padding-bottom: 5px;}
		.vison_wrap .strategy_ul_wrap .strategy_ul li .strategy_text span:before{width:15px;}
		.vison_wrap .strategy_ul_wrap .strategy_ul li .strategy_text p br{display:none;}
		.vison_wrap .strategy_ul_wrap .strategy_ul li:nth-child(1) .strategy_text{border: 1px #d9d9d9 solid; border-top: none;}
		.vison_wrap .strategy_ul_wrap .strategy_ul li:nth-child(3) .strategy_text{border: 1px #d9d9d9 solid; border-top: none;}
	}
	@media (max-width: 350px){
		.vison_wrap .tasks_list{margin-top:0;}
		.vison_wrap .vison_zone .eng_v{font-size:1.6rem; line-height: 1.3;}
		.vison_wrap .vison_zone .kor_v{font-size:2.1rem;}
		.vison_wrap .strategy_ul_wrap .strategy_ul li .strategy_text{font-size:1.5rem;}
	}
	/* 미디어쿼리 끝 */
/* 비전과목표 - 끝 */


/* CI소개 - 시작 */
.ci_wrap .ci_img_zone{position:relative; display: flex; align-items: center; justify-content: center; min-height:360px; border:1px #ededed solid; text-align:center;  background: url(../images/contents/bg_ci.jpg); margin-top:25px;}
.ci_wrap .ci_img_zone .in_ci{display:inline-flex; width: 80%;}
.ci_wrap .ci_img_zone .in_ci li{padding: 0; width: 50%; display: inline-flex; align-items: center; justify-content: center;}
.ci_wrap .ci_img_zone .in_ci li img{max-width:400px; width: 100%; transition: 0.3s;}
.ci_wrap .ci_color{border:1px #ededed solid ; padding: 50px; margin-top:50px;}
.ci_wrap .ci_color h5{font-size: 2.4rem; color: #333333; font-weight: 500; margin-bottom: 15px;}
.ci_wrap .ci_color ul{display:flex; justify-content: left;}
.ci_wrap .ci_color ul li{width: calc((100% / 6) - (50px / 6)); margin-right: 10px; transition:0.3s;}
.ci_wrap .ci_color ul li > .color_box div:first-child {height: 100px; padding: 20px; background-color: #0090ad; color:white; font-size:1.7rem; letter-spacing:-0.075rem;}
.ci_wrap .ci_color ul li.color1 > .color_box div:first-child{background-color: rgb(237 61 137);}
.ci_wrap .ci_color ul li.color2 > .color_box div:first-child{background-color: rgb(0 97 174);}
.ci_wrap .ci_color ul li.color3 > .color_box div:first-child{background-color: rgb(0 97 175);}
.ci_wrap .ci_color ul li.color4 > .color_box div:first-child{background-color: rgb(64 64 65);}
.ci_wrap .ci_color ul li.color5 > .color_box div:first-child{background-color: rgb(118 120 122);}
.ci_wrap .ci_color ul li.color6 > .color_box div:first-child{background-color: rgb(109 110 113);}
.ci_wrap .ci_color ul li.color7 > .color_box div:first-child{background-color: rgb(35 31 32);}
.ci_wrap .ci_color ul li.color8 > .color_box div:first-child{background-color: rgb(135 118 78);}
.ci_wrap .ci_color ul li.color9 > .color_box div:first-child{background-color: rgb(144 145 145);}
.ci_wrap .ci_color ul li > .color_box div:last-child{padding: 15px 20px; color: #777; border:1px #e0e0e0  solid ; border-top:none; line-height:0;}
.ci_wrap .ci_color ul li > .color_box .pantone_num{display:inline-block;}
.ci_wrap .ci_color .c_txt_1{display:inline-block; width:100%; font-size:1.3rem; line-height:1;}
.ci_wrap .ci_color .c_txt_2{display:inline-block; width:100%; font-size:1.3rem; line-height:1; margin-top:7px;}
.ci_wrap .ci_color .main_color{margin-bottom:40px;}
.ci_wrap .down_ci_btn{display:inline-flex; align-items: center; justify-content: center; width: 190px; height: 52px; border: 2px #222 solid; background-color: white; box-shadow: 0 3px 0 rgb(35 31 32 / 10%); color: #222; letter-spacing: -0.075rem; position: absolute; top: 0; right: 0; padding-left: 8px; font-weight: 500; transition: all ease 0.3s;}
.ci_wrap .down_ci_btn span{display: inline-flex; align-items: center; z-index:1;}
.ci_wrap .down_ci_btn:hover{color:white;}
.ci_wrap .down_ci_btn:before{
	content: '';
	display: block;
	width: 0;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
	background-color: #222;
	transition:all ease 0.5s;
	z-index:0;
}
.ci_wrap .down_ci_btn:hover:before{
	content: '';
	display: block;
	width: 100%;
}
.ci_wrap .down_ci_btn i{margin-left: 8px; font-size: 20px;}


    /* 미디어쿼리 시작 */
    @media (max-width: 1280px){
    	.ci_wrap .ci_img_zone{min-height:320px; padding-top:60px;}
    	.ci_wrap .ci_img_zone .in_ci{width:100%; align-items: center; justify-content: center; margin: 0 20px;}
    	.ci_wrap .ci_img_zone .in_ci li{padding: 0; width: auto; display: inline-flex; align-items: center; justify-content: center; margin:0 30px;}
    	.ci_wrap .ci_img_zone .in_ci li img{max-width:350px;}
    	.ci_wrap .ci_color{padding:0; border:none;}
    	.ci_wrap .ci_color ul li > .color_box .pantone_num{width:100%;}
    	.ci_wrap .down_ci_btn{width: 170px;}
    	.ci_wrap .down_ci_btn span{padding-top:1px;}
    	.ci_wrap .down_ci_btn i{padding-bottom:2px;}
    }
    @media (min-width: 1151px){
    	.ci_wrap .ci_color ul li:last-child{margin-right:0;}
    }
    @media (min-width:901px) and (max-width:1150px){
    	.ci_wrap .ci_color ul li{width: calc((100% / 5) - (40px / 5));}
    	.ci_wrap .ci_color ul li:nth-child(5){margin-right:0;}
    	.ci_wrap .ci_color ul li:nth-child(6){margin-top:10px;}
    }
    @media (max-width: 1150px){
    	.ci_wrap .ci_color ul{flex-wrap:wrap;}
    	.ci_wrap .ci_img_zone{padding-top:40px;}
    	.ci_wrap .down_ci_btn{top:0; right:0;}
    }
    @media (max-width: 1024px){
    	.ci_wrap .ci_img_zone .in_ci li{margin:0 20px;}
    	.ci_wrap .ci_color ul li > .color_box div:first-child{font-size:1.6rem;}
    }
    @media (min-width:721px) and (max-width:900px){
    	.ci_wrap .ci_color ul li{width: calc((100% / 4) - (30px / 4));}
    	.ci_wrap .ci_color ul li:nth-child(4){margin-right:0;}
    	.ci_wrap .ci_color ul li:nth-child(5){margin-top:10px;}
    	.ci_wrap .ci_color ul li:nth-child(6){margin-top:10px;}
    }
    @media (max-width: 900px){
    	.ci_wrap .ci_img_zone{padding: 100px 0 70px 0; min-height: auto;}
    }
    /*
    @media (max-width: 768px){
    	.ci_wrap .ci_img_zone .in_ci{width:90%;}
    	.ci_wrap .ci_img_zone .in_ci li{margin:0 10px;}
    	.ci_wrap .ci_color ul li > .color_box div:first-child{position:relative; padding:0; padding-top:90%; height:auto; font-size:1.6rem;}
    	.ci_wrap .ci_color ul li > .color_box div:last-child{padding: 0; border:none; margin-top:10px;}
    	.ci_wrap .ci_color ul li p.pantone_title{position: absolute; top: 10px; left: 10px; font-weight: 300;}
    	.ci_wrap .ci_color ul li .pantone_num{font-weight: 500;}
    	.ci_wrap .down_ci_btn{width:150px; height:51px; padding-top:3px;}
    	.ci_wrap .ci_color .c_txt_2{margin-top:6px;}
    }
    @media (min-width:501px) and (max-width:720px){
    	.ci_wrap .ci_color ul li{width: calc((100% / 3) - (20px / 3));}
    	.ci_wrap .ci_color ul li:nth-child(3){margin-right:0;}
    	.ci_wrap .ci_color ul li:nth-child(6){margin-right:0;}
    	.ci_wrap .ci_color ul li:nth-child(4){margin-top:20px;}
    	.ci_wrap .ci_color ul li:nth-child(5){margin-top:20px;}
    	.ci_wrap .ci_color ul li:nth-child(6){margin-top:20px;}
    }
    */
    @media (max-width: 768px){
    	.ci_wrap .ci_img_zone .in_ci{width:90%;}
    	.ci_wrap .ci_img_zone .in_ci li{margin:0 10px;}
    	.ci_wrap .ci_color ul li > .color_box div:first-child{/*padding: 17px;*/ padding:10px; height:80px; font-size:1.5rem;}
    	.ci_wrap .ci_color ul li > .color_box div:last-child{/*padding: 13px 17px;*/ padding:13px 0px; border:none; letter-spacing:-0.025rem;}
    	.ci_wrap .ci_color ul li > .color_box .pantone_num{width:auto;}
    	.ci_wrap .down_ci_btn{width:150px; height:51px; padding-top:3px;}
    }
    @media (min-width:501px) and (max-width:768px){
    	.ci_wrap .ci_color .main_color ul li:nth-child(4) > .color_box div:last-child{padding-bottom:0px;}
    	.ci_wrap .ci_color .main_color ul li:nth-child(5) > .color_box div:last-child{padding-bottom:0px;}
    	.ci_wrap .ci_color .main_color ul li:nth-child(6) > .color_box div:last-child{padding-bottom:0px;}
    	.ci_wrap .ci_color .sub_color ul li:nth-child(1) > .color_box div:last-child{padding-bottom:0px;}
    	.ci_wrap .ci_color .sub_color ul li:nth-child(2) > .color_box div:last-child{padding-bottom:0px;}
    	.ci_wrap .ci_color .sub_color ul li:nth-child(3) > .color_box div:last-child{padding-bottom:0px;}
    }
    @media (max-width: 650px){
    	.ci_wrap .ci_img_zone .in_ci{flex-wrap:wrap;}
    	.ci_wrap .ci_img_zone{padding: 90px 0 70px 0;}
    	.ci_wrap .ci_img_zone .in_ci li:last-child{margin-top:40px;}
    	.ci_wrap .ci_img_zone .in_ci li img{max-width:270px;}
    	.ci_wrap .down_ci_btn{padding-top:0;}
    }
    @media (min-width:501px) and (max-width:650px){
    	.ci_wrap .ci_color ul li > .color_box .pantone_num{width:100%;}
    }
    @media (min-width:501px) and (max-width:720px){
    	.ci_wrap .ci_color ul li{width: calc((100% / 3) - (20px / 3));}
    	.ci_wrap .ci_color ul li:nth-child(3){margin-right:0;}
    	.ci_wrap .ci_color ul li:nth-child(6){margin-right:0;}
    	.ci_wrap .ci_color ul li:nth-child(4){margin-top:10px;}
    	.ci_wrap .ci_color ul li:nth-child(5){margin-top:10px;}
    	.ci_wrap .ci_color ul li:nth-child(6){margin-top:10px;}
    }
    @media (min-width:331px) and (max-width:500px){
    	.ci_wrap .ci_color ul li{width: calc((100% / 2) - (7px / 2)); margin-right:7px; margin-bottom:7px;}
    	.ci_wrap .ci_color ul li:nth-child(2n){margin-right:0;}
    	.ci_wrap .ci_color ul li:nth-child(5){margin-bottom:0px;}
    	.ci_wrap .ci_color ul li:nth-child(6){margin-bottom:0px;}
    	.ci_wrap .ci_color .sub_color ul li:nth-child(3){margin-bottom:0px;}
    	.ci_wrap .ci_color ul li > .color_box div:first-child{height:70px;}
    	.ci_wrap .ci_color .main_color ul li:nth-child(5) > .color_box div:last-child{padding-bottom:0px;}
    	.ci_wrap .ci_color .main_color ul li:nth-child(6) > .color_box div:last-child{padding-bottom:0px;}
    	.ci_wrap .ci_color .sub_color ul li:nth-child(3) > .color_box div:last-child{padding-bottom:0px;}
    }
    @media (max-width: 500px){
    	.ci_wrap .ci_color ul li > .color_box div:first-child{font-size:1.4rem; padding: 12px 10px;}
    	.ci_wrap .ci_color ul li > .color_box div:last-child{padding: 9px 3px 12px 3px;}
    	.ci_wrap .down_ci_btn{width: 130px; height: 45px; padding-top: 2px; font-size: 1.5rem;}
    	.ci_wrap .down_ci_btn span{padding-top:0; padding-bottom: 1px;}
    	.ci_wrap .down_ci_btn i{margin-left:3px; padding-bottom: 1px;}
    	.ci_wrap .ci_color h5{font-size:2.3rem; margin-bottom: 10px;}
    }
    @media (min-width:331px) and (max-width:430px){
    	.ci_wrap .ci_color ul li > .color_box .pantone_num{width:100%;}
    }
    @media (max-width: 350px){
    	.ci_wrap .ci_img_zone{padding: 60px 0 110px 0;}
    	.ci_wrap .down_ci_btn{width:100%; height:48px; bottom:0; top:auto;}
    	.ci_wrap .ci_color h5{font-size:2.2rem;}
    }
	@media (max-width: 330px){
		.ci_wrap .ci_color ul li{width:100%; margin-bottom:10px; margin-right:0;}
		.ci_wrap .ci_color ul li:last-child{margin-bottom:0;}
		.ci_wrap .ci_color ul li > .color_box div:first-child{height:auto; /*padding:12px 15px 15px 15px;*/ padding: 8px 8px 15px 8px; font-size:1.4rem;}
		.ci_wrap .ci_color ul li > .color_box div:last-child{padding: 9px 0 11px 0;}
		.ci_wrap .ci_color ul li > .color_box .pantone_num{width:auto;}
		.ci_wrap .ci_color .c_txt_1{width:auto; font-size:1.2rem; margin-top:0;}
		.ci_wrap .ci_color .c_txt_2{width:auto; margin-left: 15px; margin-top:0; font-size:1.2rem;}
    	.ci_wrap .ci_color .main_color ul li:nth-child(6) > .color_box div:last-child{padding-bottom:0px;}
    	.ci_wrap .ci_color .sub_color ul li:nth-child(3) > .color_box div:last-child{padding-bottom:0px;}
	}
	/* 미디어쿼리 끝 */
/* CI - 끝 */


/* 연혁 - 시작 */
.history_wrap{position:relative;}
.history_box{position:relative;}
/*
.history_box .history_bg{width:100%; height:100%; position:absolute; overflow: visible; top:0; left:0;}
.history_box .history_bg .sticky_wrap{position:sticky; display:inline-flex; top: 0;left: 0;}
.history_box .history_bg .sticky{display:inline-block; margin-top: 70px;width: 45rem;height: 50rem; background: linear-gradient(180deg, rgb(251 251 251) 0%, rgb(251 251 251) 30%, rgba(255, 255, 255, 1) 100%);transition: all ease 0.5s;z-index: 0;}
.history_box .history_bg .sticky{position:sticky; display:inline-block; margin-top: 70px;width: 45rem;height: 50rem; background: linear-gradient(180deg, rgb(251 251 251) 0%, rgb(251 251 251) 30%, rgba(255, 255, 255, 1) 100%);transition: all ease 0.5s;z-index: 0;}
.history_box .history_bg .sticky{position:sticky; top:0; left:0; display:inline-block; width: calc(30rem + 10rem); height: 60rem; background: linear-gradient(180deg, rgba(251, 250, 248, 1) 0%, rgba(251, 250, 248, 1) 30%, rgba(255, 255, 255, 1) 100%);}
*/
.history_top{position:relative; width:100%; height:300px;  z-index:3; background: url(../images/contents/history_top_bg2.jpg) no-repeat; background-size:cover; background-position:center;}
.history_top:before {
    content: '';
    display: block;
    width: calc(100% - 14px);
    height: calc(100% - 14px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px rgb(255 255 255 / 20%) solid;
    z-index: 1;
}
.history_list_wrap{position:relative;}
.history_list_wrap:before{
    content: '';
    display: block;
    width: 35rem;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, #fbfbfb 0%, #fbfbfb 30%, rgba(255, 255, 255, 1) 100%);
    transition: all ease 0.5s;
    z-index: 0;
}
.history_list_wrap:after{
	content: '';
	display: block;
	width: 30px;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
	background: url(../images/contents/history_bg_deco.png) repeat-y;
	transition:all ease 0.5s;
	z-index:0;
}
.history_list{padding: 90px 0 0 100px; position:relative;}
.history_list:before{
    content: '';
    display: block;
    width: 100%;
    height: 90px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(0deg, white 0%, white 30%, rgba(255, 255, 255, 0) 100%);
    transition: all ease 0.5s;
    z-index: 2;
}

.history_box .history_text.on{z-index:90; position: fixed; top: 8rem; left:15%;}
.history_list .history{position:relative; z-index:2;}
.history_list .history > li{padding: 10rem 0; display: flex; /* border-bottom:1px solid #111 */}
.history_list .history > li + li{padding-top:0; transition-delay: 0.8s;}
.history_list .history > li:first-child{padding-top:0;}
.history_list .history > li:last-child{border-bottom:0; padding-bottom: 0;}
.history_list .history > li > em{position:relative; font-family: 'Tenor Sans'; color:#a99578; display:block; line-height: 1; margin-bottom:1.5rem; font-size:5rem; font-weight:600; width: 35rem;}
.history_list .history > li .detail{border-top: 1px solid #0e0e0e; width: calc(100% - 35rem); padding-top: 5.8rem; padding-top: 2.8rem; transition: all ease 0.5s;}
.history_list .history > li .detail .info{padding-left: 2.7rem;}
.history_list .history > li .detail strong{font-size: 1.8rem; color:#222; font-weight: 400; margin-bottom: 0.6rem; display: block; padding-left: 2.7rem; position: relative;}
.history_list .history > li .detail strong::before{content:''; position:absolute; left:0; top: 0.8rem; display:block; width:0.9rem; height:0.9rem; background: #ebe7de; /* transform:translateY(-50%); */ transition:0.5s}
.history_list .history > li .detail p.date{color: #999; font-size:14rem}
.history_list .history > li .detail > li + li{padding-top: 4.4rem;}
.history_list .history dl{display: flex;}
.history_list .history dl *{font-size: 1.8rem; font-weight:400; line-height:1.6;}
.history_list .history dl dt{width: 14rem; color: #444; font-weight: 500;}
.history_list .history dl dd{width: calc(100% - 14rem); display: inline-flex; align-items: center; flex-wrap: wrap; color: #666; margin-bottom:10px;}
.history_list .history dl dd .little{position:relative; font-size: 1.6rem; color: #7a6842; display: inline-block; padding-left: 20px; margin: 3px 0;}
.history_list .history dl dd .little:before{
	content: '';
    display: block;
    width: 3px;
    height: 3px;
    position: absolute;
    top: 11px;
    left: 9px;
    background-color: #a99578;
    border-radius: 100%;
    opacity: 0.7;
    z-index: 0;
}
.history_list .history dl + dl{margin-top: 0.8rem;}
.history_list .history dl:last-child{margin-bottom:0;}
.history_list .history dl:last-child dd{margin-bottom:0;}
.history_list .history dl:last-child dd .little{margin-bottom:0;}


    /* 미디어쿼리 시작 */
    @media (max-width: 1723px){
    	.history_list:before{display:none;}
    	.history_list{padding:80px 0 0 0;}
    	.history_list_wrap:before{width:0;}
    	.history_list_wrap:after{width:0;}
    }
    @media (max-width: 1480px){
    	.history_top{height:290px;}
    	.history_list{padding: 70px 0 0 0;}
    	.history_list .history > li{padding: 7rem 0;}
    	.history_list .history > li > em{width: 30rem; font-size:4.5rem;}
    	.history_list .history > li .detail{width: calc(100% - 30rem);}
    	.history_list .history dl dd .little{width:100%; padding-left:12px;}
    	.history_list .history dl dd .little:before{left: 0;}
    }
    @media (max-width: 1280px){
    	.history_top{height:250px;}
    	.history_list{padding:60px 0 0 0;}
    	.history_list .history dl *{font-size:1.7rem;}
    	.history_list .history dl dd{margin-bottom:5px;}
    	.history_list .history dl dd .little{font-size:1.5rem; margin: 2px 0;}
    	.history_list .history > li .detail{width: calc(100% - 26rem); padding-top: 2.5rem;}
    	.history_list .history > li > em{width: 26rem; font-size: 4.0rem; margin-top: -5px;}
    }
    @media (max-width: 1024px){
    	.history_top{height:220px;}
    	.history_top:before{width: calc(100% - 11px); height: calc(100% - 11px);}
    }
    @media (max-width: 768px){
    	.history_top{height:200px;}
    	.history_list {padding: 50px 0 0 0;}
    	.history_list .history > li{flex-wrap:wrap; padding: 6rem 0;}
    	.history_list .history > li .detail{width:100%;}
    	.history_list .history > li > em{width:100%;}
    	.history_list .history dl dt{letter-spacing: -0.05rem;}
    }
    @media (max-width: 500px){
    	.history_top{height:150px;}
    	.history_list {padding: 40px 0 0 0;}
    	.history_list .history > li > em{font-size:3.2rem; margin-bottom: 1.1rem;}
    	.history_list .history > li .detail{padding-top:2rem;}
    	.history_list .history dl *{font-size:1.6rem; letter-spacing: -0.05rem;}
    	.history_list .history dl dt{width:11rem; letter-spacing: -0.05rem;}
    	.history_list .history dl dd{width: calc(100% - 11rem);}
    	.history_list .history dl dd .little{font-size:1.5rem; padding-left:10px;}
    }
    @media (max-width: 350px){
    	.history_list{padding:40px 0 0 0;}
    	.history_list .history dl *{font-size:1.5rem;}
    	.history_list .history dl dt{width: 9rem; letter-spacing: -0.05rem;}
    	.history_list .history dl dd{width:calc(100% - 9rem); font-size:1.5rem;}
    	.history_list .history > li{padding:5rem 0;}
    	.history_list .history > li > em{font-size:2.7rem;}
    	.history_list .history > li .detail{padding-top: 1.5rem;}
    }
    /* 미디어쿼리 끝 */
/* 연혁 - 끝 */


/* 부서안내 - 시작 */
.departments_wrap .table_wrap{overflow-x: inherit;}
.org_chart{overflow:hidden; text-align: center; max-width: 950px; margin: 0 auto; padding-top:20px;}
.org_chart .pin_plus{position:relative; display:inline-block;}
.org_chart .pin_plus:before{
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #222;
    border: 3px white solid;
    position: absolute;
    bottom: -7px;
    left: 50%;
    transform: translate(-50%, 0);
    border-radius: 100%;
    z-index: 2;
}
.org_chart .line_1 > li {position: relative;}
.org_chart .o_1{display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(45deg, #2a2a2b, #222); color: white; border: none; width: 190px; height: 190px; border-radius: 100%; font-size: 3rem; font-weight: 600; position: relative;}
.org_chart .o_1:before{
    content: "";
    display: inline-block;
    width: 120%;
    height: 120%;
    background: linear-gradient(45deg, #77787b, #e4e8f5);
    position: absolute;
    top: -70%;
    right: 50%;
    transform: translate(50%, 50%);
    border-radius: 100%;
    z-index: -1;
    opacity: 0.1;
}
.org_chart .o_1:after{
    content: "";
    display: inline-block;
    width: 1px;
    height: 60px;
    background: #ddd;
    position: absolute;
    bottom: -60px;
    right: 50%;
    z-index: -1;
}
.org_chart .o_1 > img{width:120px; margin-top:5px;}
.org_chart .line_2{display: flex; justify-content: center; position: relative; gap: 60px; margin-top: 100px;}
.org_chart .line_2 > li{position: relative;}
.org_chart .line_2 > li:nth-child(2):before {
    content: "";
    display: inline-block;
    width: 700px;
    height: 1px;
    background: #ddd;
    position: absolute;
    top: -50px;
    right: 50%;
    transform: translate(50%, 0);
    z-index: -1;
}
.org_chart .line_2 > li .pin_plus:before{top: -11px; background-color:#99815e;}
.org_chart .o_2{display: inline-flex; align-items: center; justify-content: center; width: 250px; height: 60px; font-size: 1.9rem; line-height: 1; font-weight: 500; position: relative; background-color: #99815e; color:white; border-radius:70px;}
.org_chart .o_2:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 50px;
    background: #ddd;
    position: absolute;
    top: -50px;
    right: 50%;
    z-index: -1;
}
.org_chart .line_3{margin-top: 36px; position:relative;}
.org_chart .line_3 > li{display: inline-flex; align-items: center; justify-content: center; width: 250px; height: 60px; font-size: 1.8rem; position: relative; background-color: white; border: 1px #ddd solid; margin-top: 15px;}
.org_chart .line_3 > li:first-child{margin-top:0;}
.org_chart .line_3 > li:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 37px;
    background: #ddd;
    position: absolute;
    top: -37px;
    right: 50%;
    z-index: -2;
}
.og_table_in p.table_top_info{position:relative; margin-bottom:22px; padding-left:20px; margin-top: -3px;}
.og_table_in p.table_top_info:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 6px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0px 6px 9px;
    border-color: transparent transparent transparent #a99578;
}
.org_member_table{min-width:auto;}
.org_member_table .w1{width: 20%;}
.org_member_table .w2{width: 15%;}
.org_member_table .w4{width: 15%;}
.org_member_table tbody > tr > th{vertical-align: middle; font-weight:500;}
.org_member_table tbody > tr > td{padding: 20px 30px 18px 30px; vertical-align: middle; border: 1px solid #e9e9e9;}
.org_member_table.table_type1 thead + tbody tr td{text-align:left;}
.org_member_table.table_type1 thead + tbody tr td.t_center{text-align:center;}
.org_member_table .in_ul > li{line-height:1.4;}
.org_member_table .in_ul > li:last-child{margin-bottom:0;}

	 /* 미디어쿼리 시작 */
	@media (max-width: 1280px){
		.org_chart{padding-top: 18px;}
		.org_chart .o_1{width:180px; height:180px;}
		.org_chart .o_1 > img {width: 115px; margin-top: 0;}
		.org_chart .o_2{font-size: 1.8rem; height: 55px;}
		.org_chart .line_3 > li{font-size: 1.7rem; height:53px;}
		.og_table_in p.table_top_info{margin-bottom:17px;}
		.og_table_in p.table_top_info:before{top: 5px;}
		.og_table_in .o_1{height: 47px; font-size:1.9rem;}
		.og_table_in .o_3{height: 45px; font-size: 1.8rem;}
		.og_table_in .line_b .o_3:after{height: 320px; top: -320px;}
		.org_member_table tbody > tr > td {padding: 15px 10px 13px 10px;}
		.org_member_table tbody > tr > td.ul_with{padding: 15px 20px 13px 20px;}
		.org_member_table .w4{width:180px;}
	}
	@media (max-width: 1024px){
		.org_chart{max-width:720px; padding-bottom: 70px;}
		.org_chart .o_2{width:200px;}
		.org_chart .o_1{width: 170px; height: 170px;}
		.org_chart .o_1 > img{width: 110px;}
		.org_chart .line_2 > li:nth-child(2):before{width:519px;}
		.org_chart .line_3 > li{width:200px;}
		.org_member_table .w4{width:20%;}
	}
	@media (max-width: 768px){
		.org_chart{padding-top: 13px; max-width:100%; padding-bottom:60px;}
		.org_chart .line_2{gap:10px; margin-top: 80px;}
		.org_chart .line_2 > li{width:calc(100% / 3);}
		.org_chart .line_2 > li:nth-child(2):before{top:-31px;}
		.org_chart .line_3{margin-top:25px;}
		.org_chart .line_3 > li{width:100%; height:50px;}
		.org_chart .o_1{width: 160px; height: 160px;}
		.org_chart .o_1:before{width: 115%; height: 115%; top: -65%;}
		.org_chart .o_1:after{height:50px; bottom:-50px;}
		.org_chart .o_1 > img{width: 105px;}
		.org_chart .o_2{width:100%; height:50px; font-size: 1.7rem;}
		.org_chart .o_2:after{height:30px; top:-30px;}
		.org_chart .pin_plus{width:100%;}
		.org_chart .pin_plus:before{width:8px; height:8px;}
		.org_chart .line_2 > li .pin_plus:before{top:-7px;}
	    .org_chart .line_2 > li:nth-child(1) .pin_plus:after {
	        content: "";
	        display: inline-block;
	        width: calc(50% - 1px);
	        height: 51px;
	        background: #ffffff;
	        position: absolute;
	        top: -51px;
	        left: 0;
	        z-index: 1;
	    }
	    .org_chart .line_2 > li:nth-child(3) .pin_plus:after {
	        content: "";
	        display: inline-block;
	        width: 50%;
	        height: 51px;
	        background: #ffffff;
	        position: absolute;
	        top: -51px;
	        right: 0;
	        z-index: 1;
	    }
		.og_table_in p.table_top_info{margin-bottom:15px; padding-left: 17px;}
		.og_table_in p.table_top_info:before{top: 6px; border-width: 5px 0px 5px 8px;}
		.org_member_table{font-size: 1.6rem;}
		.org_member_table thead th{padding: 11px 15px 9px 15px;}
		.org_member_table tbody th{width:100px; padding: 11px 10px;}
		.org_member_table .in_ul > li{padding-left: 12px;}
	}
	@media (max-width: 650px){
		.og_table_in .line_3{margin-top:65px;}
		.og_table_in .line_3:before{width: 50.9%; top:-26px;}
		.og_table_in .line_3 > li{width:100%;}
		.og_table_in .o_1{height: 48px; font-size: 1.8rem; margin-bottom: 48px;}
		.og_table_in .o_2:after{height: 40px; bottom: -40px;}
		.og_table_in .o_3 {margin: 4px; width: calc(100% - 6.5px);}
		.og_table_in .o_3:before{width: calc(100% + 6px); height: calc(100% + 6px);}
	}
	@media (max-width: 500px){
		.org_chart{padding-bottom:30px;}
		.org_chart .o_1{width:140px; height:140px;}
		.org_chart .o_1 > img{width: 95px; margin-top: 3px;}
		.org_chart .o_2{font-size:1.6rem; height:45px;}
		.org_chart .line_2{margin-top:70px;}
		.org_chart .line_3{margin-top:20px;}
		.org_chart .line_3 > li{font-size:1.6rem; height:45px;}
		.org_chart .pin_plus:before {width: 7px; height: 7px;}
		.og_table_in{padding-top:25px;}
		.org_member_table thead th{font-size: 1.4rem; padding: 11px 5px 10px 5px; line-height:1;}
		.org_member_table tbody > tr > th{font-size: 1.5rem; padding: 11px 6px;}
		.org_member_table tbody > tr > td{padding: 15px 5px 13px 5px; font-size:1.5rem; line-height: 1.2; }
		.org_member_table tbody > tr > td.ul_with{padding: 15px 15px 13px 15px; font-size: 1.4rem;}
		.org_member_table .w1{width: 65px;}
		.org_member_table .w2{width: 60px;}
		.org_member_table .w4{width: 65px;}
		.org_member_table .in_ul > li{ padding-left: 8px; margin-bottom: 8px; font-size: 1.5rem;}
		.org_member_table .inline_b.dot{width:100%;}
		.org_member_table .txt_ul > li:before{top:7px;}
	}
	@media (max-width: 350px){
		.org_chart{padding-top:9px; padding-bottom: 20px;}
		.org_chart .o_1{width:120px; height:120px;}
		.org_chart .o_1 > img{width:83px; margin-top:3px;}
		.org_chart .o_1:after{height: 30px; bottom: -30px;}
		.org_chart .o_2{font-size: 1.5rem; height: 40px; border-radius: 5px; padding-top:2px;}
		.org_chart .pin_plus:before{bottom:-5px; width:6px; height:6px; border: 2px white solid;}
		.org_chart .line_2{margin-top:60px; gap: 5px;}
		.org_chart .line_2 > li .pin_plus:before{top: -5px;}
		.org_chart .line_3{margin-top:15px;}
		.org_chart .line_3 > li{font-size:1.5rem; height:38px; margin-top:9px;}
		.og_table_in p.table_top_info{font-size:1.5rem; margin-top: -5px; margin-bottom: 12px;}
		.og_table_in p.table_top_info:before{top: 5px;}
		.org_member_table .w1{width: 58px;}
		.org_member_table .w2{width: 53px;}
		.org_member_table .w4{width: 58px;}
		.org_member_table tbody > tr > td.ul_with {padding: 15px 11px 13px 11px;}
	}
	/* 미디어쿼리 끝 */
/* 부서안내 - 끝 */


/* 오시는길 시작 */
.location_wrap .txt_con_frame{position:relative;}
.location_wrap .location_zone{margin-bottom: 100px;}
.location_wrap .location_zone .map_here{position:relative; width:100%; height:500px; overflow:hidden; background-color:#f8f8f8;}
.location_wrap .location_zone .map_info{display: flex; align-items: center; justify-content: space-between; width: 100%; height:55px; line-height:55px; background-color: #2d2d2d; color: #fff; box-sizing: border-box; font-size: 1.7rem; font-weight: 300; padding: 0 20px;}
.location_wrap .location_zone .map_info span{padding-left:26px; position:relative; font-weight:400;}
.location_wrap .location_zone .map_info span:before{
    content: "";
    width: 21px;
    height: 21px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    background: url(../images/contents/location_icon.svg) no-repeat;
    background-size: 21px;
}
.location_wrap .location_zone .map_info > a{color:white; display: inline-block; position:relative; padding: 10px 70px 9px 20px; background-color: #656565; border-radius: 5px; line-height: 1; font-size: 1.5rem; transition:0.3s; margin-bottom:1px; font-weight:500;}
.location_wrap .location_zone .map_info > a:before{
    content: "";
    width: 13px;
    height: 13px;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(0, -50%);
    background: url(../images/contents/arrow.svg) no-repeat;
    background-size: 13px;
}
.location_wrap .location_zone .map_info > a:hover{background-color:#0fbe53;}
.location_wrap .alert_info.bottom_table{margin-top:18px;}
.location_wrap .bracket{font-weight:500; color: #6f6f6f; width:100%;}
.location_wrap .root_daum_roughmap .wrap_map{height:100%;}
.location_wrap .roughmap_maker_label .roughmap_lebel_text{font-family: Malgun Gothic,dotum,sans-serif;}
.hall_btn_list_wrap{position:absolute; top:5px; right:0;}
.hall_btn_list{display: inline-flex; gap: 10px;}
.hall_btn_list li .s_span1{display:inline-block;}
.hall_btn_list li .s_span2{display:inline-block; margin-left:4px;}
.hall_btn_list .icon_position{margin-left:2px; position:relative; bottom:1px;}
.table_type1.address_table .w_address_custom{width:20%;}
.table_type1.bus_table .bus_num_list{display:flex; flex-wrap: wrap;}
.table_type1.bus_table .bus_num_list .bus_num{display:inline-block; padding: 5px 17px; background-color: #f1f1f1; border-radius: 5px; margin:3px;}

	 /* 미디어쿼리 시작 */
		@media (max-width: 1500px){
			.location_wrap .location_zone{margin-bottom: 80px;}
		}
		@media (max-width: 1280px){
			.location_wrap .location_zone{margin-bottom: 70px;}
			.location_wrap .bracket{font-size: 1.7rem;}
			.hall_btn_list_wrap{position:relative; top:auto; right:auto; text-align: center; margin-top: 30px;}
			.hall_btn_list_wrap .white_btn{width: 250px;}
			.hall_btn_list_wrap .pink_btn{width: 250px;}
		}
		@media (max-width: 1024px){
			.location_wrap .location_zone{margin-bottom: 60px;}
			.hall_btn_list_wrap{margin-top:20px;}
			.hall_btn_list_wrap .white_btn{width:220px;}
		}
		@media (max-width: 768px){
			.location_wrap .location_zone .map_here{height:400px;}
			.location_wrap .alert_info.bottom_table{font-size: 1.6rem; padding-top: 1px; margin-top:15px;}
			.location_wrap .location_zone .map_info span{font-size:1.6rem;}
			.location_wrap .location_zone .map_info > a{padding: 10px 40px 9px 20px;}
			.hall_btn_list_wrap .hall_btn_list li{width:50%;}
			.hall_btn_list_wrap .hall_btn_list{width:100%;}
			.hall_btn_list_wrap .white_btn{width:100%;}
			.hall_btn_list_wrap .pink_btn{width:100%;}
		}
		@media (max-width: 550px){
			.location_wrap .location_zone .map_here{height:320px;}
			.location_wrap .location_zone .map_info{flex-wrap: wrap; height: auto; line-height: initial; padding: 12px 12px 11px 12px; font-size:1.5rem;}
			.location_wrap .location_zone .map_info span{line-height: 20px; width: 100%; margin-bottom: 10px; padding-left: 26px;}
			.location_wrap .location_zone .map_info > a{ width:100%; padding: 11px 70px 10px 20px; font-size: 1.5rem; border-radius: 3px;}
			.location_wrap .location_zone .map_info > a:before{right: 10px;}
			.hall_btn_list_wrap .white_btn{height:100%; flex-wrap:wrap;}
			.hall_btn_list_wrap .pink_btn{height:100%; flex-wrap:wrap;}
			.hall_btn_list li .s_span1{margin-top:1px;}
			.hall_btn_list li .s_span2{width:100%; margin-left:0; margin-top:5px;}
		}
		@media (min-width: 501px){
			.table_type1.address_table tbody td{padding:18px 20px;}
		}
		@media (max-width: 500px){
			.location_wrap .location_zone{margin-bottom: 50px;}
			.location_wrap .alert_info.bottom_table{font-size: 1.5rem;}
			.location_wrap .location_zone .map_here{height:280px;}
			.location_wrap .location_zone .map_info{padding: 9px 10px 9px 10px;}
			.location_wrap .location_zone .map_info span{font-size: 1.5rem; padding-left: 21px; letter-spacing:-0.5px; margin-bottom: 10px;}
			.location_wrap .location_zone .map_info span:before{width: 18px; height: 18px; background-size: 18px; top: 11px;}
			.location_wrap .location_zone .map_info > a{font-size:1.5rem;}
			.hall_btn_list_wrap{margin-top:15px;}
			.hall_btn_list_wrap .hall_btn_list{gap: 5px;}
			.hall_btn_list_wrap .white_btn{font-size:1.5rem;}
			.hall_btn_list_wrap .pink_btn{font-size:1.5rem;}
			.table_type1.address_table .w_address_custom{width:30%;}
			.table_type1.address_table tbody th{padding: 11px 0;}
		}
		@media (max-width: 450px){
			.location_wrap{margin-top:5px;}
		}
		@media (max-width: 350px){
			.location_wrap .location_zone .map_info > a {font-size: 1.4rem; padding: 11px 70px 11px 20px;}
		}	
	/* 미디어쿼리 끝 */
/* 오시는길 끝 */


/* 오시는길 -  배치도 시작 */
.hall_map{position:relative; display:flex; justify-content: space-between;}
.hall_map .scroll_eb_list{position: absolute; top: 0; left: 0; width:300px; height: 100%; background: #fafafa; border: 1px #e5e5e5 solid;}
.hall_map .scroll_eb_list .scroll_wrap{height: 100%;}
.hall_map .scroll_eb_list .scroll_wrap .eb_dl{height: 100%;}
.hall_map .scroll_eb_list .scroll_wrap .eb_dl dt{font-weight: 800; font-size: 1.8rem; text-align:center; letter-spacing: -0.5px;}
.hall_map .scroll_eb_list .scroll_wrap .eb_dl dd{height: 100%; overflow: auto; padding: 30px; background: white;}
.hall_map .scroll_eb_list .scroll_wrap .eb_dl dd::-webkit-scrollbar{display: block; /* Chrome, Safari, Opera*/}
.hall_map .scroll_eb_list .scroll_wrap .eb_dl dd::-webkit-scrollbar{width: 4px; height: 3px;}
.hall_map .scroll_eb_list .scroll_wrap .eb_dl dd::-webkit-scrollbar-track{background-color: #eee;}
.hall_map .scroll_eb_list .scroll_wrap .eb_dl dd::-webkit-scrollbar-thumb{border-radius: 0; background-color:#9f9f9f;}
.hall_map .scroll_eb_list .scroll_wrap .eb_dl dd::-webkit-scrollbar-button{width: 0; height: 0;}
.hall_map .scroll_eb_list .scroll_wrap .eb_dl dd .eb_wrap{display:flex; justify-content: space-between; font-weight: 500;}
.hall_map .scroll_eb_list .scroll_wrap .eb_dl dd .eb_wrap span{display:inline-block;}
.hall_map .scroll_eb_list .scroll_wrap .eb_dl dd .eb_wrap .eb_num{margin-top: 3px; border-radius:100%; background-color: rgb(135 118 78); width:20px; height:20px; color:white; display: inline-flex; align-items: center; justify-content: center; font-size: 1.2rem; line-height: 1; font-weight: 500; transition:0.3s;}
.hall_map .scroll_eb_list .scroll_wrap .eb_dl dd .eb_wrap .eb_name{width:calc(100% - 30px); font-size:1.8rem; line-height: 1.4; transition:0.3s; color:#3c3c3c;}
.hall_map .scroll_eb_list .scroll_wrap .eb_dl dd .eb_wrap .eb_name .eb_kor{font-weight:600; letter-spacing:-0.075rem;}
.hall_map .scroll_eb_list .scroll_wrap .eb_dl dd .eb_wrap .eb_name .eb_eng{display:inline-block; font-size:1.6rem; width:100%; font-weight:400; color: #696969;}
.hall_map .scroll_eb_list .scroll_wrap .eb_dl dd ul > li{margin-bottom:20px;}
.hall_map .scroll_eb_list .scroll_wrap .eb_dl dd ul > li:last-child{margin-bottom:0;}
.hall_map .total_e_map{width: 100%; padding: 30px 30px 30px 330px; background-color: #fafafa; display: flex; justify-content: center; align-items: center;}
.hall_map .total_e_map img{width:100%; height:auto;}
.hall_map .total_e_map .e_map_img{max-width:100%;}

	 /* 미디어쿼리 시작 */
		@media (min-width: 1281px){	
			.hall_map_wrap {padding-top:10px;}
		}
		@media (max-width: 1280px){	
			.hall_map .total_e_map{padding-left:280px;}
			.hall_map .total_e_map .e_map_h{display:block;}
			.hall_map .total_e_map .e_map_w{display:none;}
			.hall_map .scroll_eb_list{width:250px;}
			.hall_map .scroll_eb_list .scroll_wrap .eb_dl dd{height: 100%;}
		}
		@media (max-width: 1024px){	
			.hall_map .scroll_eb_list{width: 200px;}
			.hall_map .total_e_map{padding:0 0 0 200px;}
			.hall_map .scroll_eb_list .scroll_wrap .eb_dl dd{padding: 25px 20px;}
			.hall_map .scroll_eb_list .scroll_wrap .eb_dl dd .eb_wrap .eb_name{font-size:1.7rem;}
			.hall_map .scroll_eb_list .scroll_wrap .eb_dl dd .eb_wrap .eb_name .eb_eng{font-size:1.5rem;}
			.hall_map .scroll_eb_list .scroll_wrap .eb_dl dd .eb_wrap .eb_num{margin-top:1px;}
			.hall_map .total_e_map img{border: 1px #e5e5e5 solid; border-left: none;}
		}
		@media (max-width: 768px){	
			.hall_map{flex-wrap:wrap;}
			.hall_map .total_e_map{width:100%; padding:20px;}
			.hall_map .scroll_eb_list{position: relative; top: auto; left: auto; width:100%; order: 2;}
			.hall_map .scroll_eb_list .scroll_wrap{padding:0;}
			.hall_map .scroll_eb_list .scroll_wrap .eb_dl dd{height: 100%; padding: 20px;}
			.hall_map .scroll_eb_list .scroll_wrap .eb_dl dd ul{display: flex; flex-wrap: wrap; gap: 15px 20px;}
			.hall_map .scroll_eb_list .scroll_wrap .eb_dl dd ul > li{width: calc((100% / 3) - (40px / 3)); margin-bottom: 0;}
			.hall_map .scroll_eb_list .scroll_wrap .eb_dl dd .eb_wrap .eb_name{font-size:1.5rem;}
			.hall_map .scroll_eb_list .scroll_wrap .eb_dl dd .eb_wrap .eb_name .eb_eng{font-size: 1.3rem;}
			.hall_map .scroll_eb_list .scroll_wrap .eb_dl dd .eb_wrap .eb_num{margin-top:0; letter-spacing: -0.05rem;}
			.hall_map .scroll_eb_list .scroll_wrap .eb_dl dd ul > li:nth-child(10){margin-bottom:0;}
		}
		@media (max-width: 550px){	
			.hall_map .total_e_map {padding: 10px;}
			.hall_map .scroll_eb_list .scroll_wrap .eb_dl dd{height:260px;}
			.hall_map .scroll_eb_list .scroll_wrap .eb_dl dd ul{gap: 15px 20px;}
			.hall_map .scroll_eb_list .scroll_wrap .eb_dl dd ul > li{width: calc(50% - 15px);}
		}
		@media (max-width: 350px){	
			.hall_map .total_e_map{padding:0;}
			.hall_map .total_e_map img{border-bottom:none;}
			.hall_map .scroll_eb_list .scroll_wrap .eb_dl dd{height:150px;}
			.hall_map .scroll_eb_list .scroll_wrap .eb_dl dd ul > li{width:100%;}
		}
	 /* 미디어쿼리 끝 */
/* 오시는길 - 배치도 끝 */


/* 울산시립예술단 - 공통 시작 */
.artgroup_sogae_wrap.step_mb{padding-top:0;}
.artgroup_sogae_wrap .artgroup_pic_frame{position:relative; width:100%;  min-height:600px; padding-top:34.2858%; overflow:hidden; background: url(../images/contents/artgroup1.png) center no-repeat; background-size:cover; margin-top:-5px; box-shadow: 0 15px 20px rgb(0 0 0 / 10%);}
.artgroup_sogae_wrap .artgroup_pic_frame img.groupbg{position:absolute; top:50%; left:50%; width:calc(100% + 2px); min-height:calc(100% + 2px); transform:translate(-50%, -50%);}
.artgroup_sogae_wrap .artgroup_pic_frame:before{
	content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 50%);
    z-index: 1;
    opacity: 0.5;
    mix-blend-mode: multiply;
    pointer-events: none;
}
.artgroup_sogae_wrap .artgroup_txt_frame{display:flex; margin-top:70px;}
.artgroup_sogae_wrap .artgroup_txt_frame .title_zone{width:26.6234%; border-top:1px #222222 solid;}
.artgroup_sogae_wrap .artgroup_txt_frame .title_zone .group_name{margin-top: 30px;}
.artgroup_sogae_wrap .artgroup_txt_frame .title_zone .group_name .e_name{font-family: "Tenor Sans"; font-size:6rem; color:#202020; font-weight:500; letter-spacing: -0.2rem;}
.artgroup_sogae_wrap .artgroup_txt_frame .title_zone .group_name .e_name span{font-family: "Tenor Sans";}
.artgroup_sogae_wrap .artgroup_txt_frame .title_zone .group_name .k_name{width: 100%; display: inline-block; margin-top: 25px; font-size: 2.8rem; color: #626262; font-weight: 400;}
.artgroup_sogae_wrap .artgroup_txt_frame .title_zone .information{position:relative; font-family: "Tenor Sans"; font-size:1.8rem; color:#333; font-weight:600; margin-top:20px;}
.artgroup_sogae_wrap .artgroup_txt_frame .detail_zone{width:calc(100% - 26.6234%); padding-left:10rem; font-size:1.8rem; line-height:3.3rem; color:#222; font-weight:400;}
.artgroup_sogae_wrap .artgroup_txt_frame .detail_zone > p{margin-bottom:10px;} 
.artgroup_sogae_wrap .artgroup_txt_frame .detail_zone > p:last-child{margin-bottom:0;}
.artgroup_sogae_wrap .swiper_plus_mb{margin-bottom:90px;}

.artgroup_sogae_wrap .title_wrap{display: flex; width: 100%; max-width:1540px; margin:0 auto; position:relative; border-bottom:1px #808080 solid; padding-bottom:10px; margin-bottom:30px;}
.artgroup_sogae_wrap .title.line{width:100%; font-size:3.2rem; color:black; font-weight:500; padding-left: 0; background:none; margin-bottom:0;}
.artgroup_sogae_wrap .rec_more_btn{display: inline-flex; justify-content: center; align-items: center; width: 45px; height: 45px; border: 1px solid black; margin-top:-4px;}
.artgroup_sogae_wrap .rec_more_btn span{display: none; font-size: 0;}
.artgroup_sogae_wrap .rec_more_btn i{font-size: 25px; color:black; transition: 0.3s;}
.artgroup_sogae_wrap .rec_more_btn:hover i{transform: rotate(180deg);}
.artgroup_sogae_wrap .slide_btn_list{display: inline-flex; align-items: center;;}
.artgroup_sogae_wrap .slide_btn_list > li{display:inline-flex; align-items:center; justify-content: center;}
.artgroup_sogae_wrap .slide_btn_list > li:first-child{margin-right:10px;}
.artgroup_sogae_wrap .slide_btn_list > li:last-child{margin-left:20px;}
.artgroup_sogae_wrap .slide_btn_list .rec_btn{display:inline-block; position:relative; width:36px; height:36px; cursor: pointer; margin-top: 0; right: auto; left: auto;}
.artgroup_sogae_wrap .slide_btn_list .rec_button_prev:after{
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    width: 36px;
    height: 36px;
    background: url(../images/main/bs_prev_arrow_btn.svg) center no-repeat;
    background-size: contain;
}
.artgroup_sogae_wrap .slide_btn_list .rec_button_next:after{
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    width: 36px;
    height: 36px;
    background: url(../images/main/bs_next_arrow_btn.svg) center no-repeat;
    background-size: contain;
}
.artgroup_sogae_wrap .recommand_swiper .swiper-slide{width: calc(100% / 5);}
.artgroup_sogae_wrap .recommand_swiper .swiper-slide .rec_img{position: relative; width: 100%; height:100%; padding-top: 141.44%;}
.artgroup_sogae_wrap .recommand_swiper .swiper-slide .rec_img img {
	position: absolute; top: 0; left: 0; width: 100%; height:100%; box-shadow: 5px 3px 7px rgba(0, 0, 0, 0.1);transition: 0.6s;
	max-width:100%; max-height:100%;
}
.artgroup_sogae_wrap .recommand_swiper .swiper-slide .rec_txt{width:100%; background-color:white; margin-top:20px;}
.artgroup_sogae_wrap .recommand_swiper .swiper-slide .rec_txt .in_top > ul{display: inline-flex;}
.artgroup_sogae_wrap .recommand_swiper .swiper-slide .rec_txt .in_top > ul > li{display: inline-flex; justify-content: center; align-items: center; height:28px; border:1px black solid; font-size:1.4rem; letter-spacing:-0.05rem; line-height:1; font-weight:500; padding:0 16px 0 17px; margin-left:-1px; background-color:white;}
.artgroup_sogae_wrap .recommand_swiper .swiper-slide .rec_txt .in_top > ul > li:first-child{margin-left:0;}
.artgroup_sogae_wrap .recommand_swiper .swiper-slide .rec_txt .in_top > ul > li.color1{background-color:#d92e78; border-color:#ae2560; color:white; font-weight:400;}
.artgroup_sogae_wrap .recommand_swiper .swiper-slide .rec_txt .in_top > ul > li.color2{background-color:#252525; border-color:#252525; color:white; font-weight:400;}
.artgroup_sogae_wrap .recommand_swiper .swiper-slide .rec_txt .in_top > ul > li.color3{background-color:#0061ae; border-color:#004379; color:white; font-weight:400;}
.artgroup_sogae_wrap .recommand_swiper .swiper-slide .rec_txt .in_top > ul > li.color4{background-color:#cf710c; border-color:#914b00; color:white; font-weight:400;}
.artgroup_sogae_wrap .recommand_swiper .swiper-slide .rec_txt .in_bottom{margin-top:15px;}
.artgroup_sogae_wrap .recommand_swiper .swiper-slide .rec_txt .in_bottom > ul > li{overflow:hidden;}
.artgroup_sogae_wrap .recommand_swiper .swiper-slide .rec_txt .in_bottom > ul > li:nth-child(2){margin-bottom:10px;}
.artgroup_sogae_wrap .recommand_swiper .swiper-slide .rec_txt .in_bottom > ul > li .hide{display:none;}
.artgroup_sogae_wrap .recommand_swiper .swiper-slide .rec_txt .in_bottom .rec_title{color:black; font-weight:500; font-size:2.0rem;}
.artgroup_sogae_wrap .recommand_swiper .swiper-slide .rec_txt .in_bottom .rec_title > span{display:inline-block; width:100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all;}
.artgroup_sogae_wrap .recommand_swiper .swiper-slide .rec_txt .in_bottom .rec_date{display:inline-block; color:#4b4b4b; font-size:1.6rem; letter-spacing:-0.075rem; font-weight:400; padding-right:11px;position:relative;}
.artgroup_sogae_wrap .recommand_swiper .swiper-slide .rec_txt .in_bottom .rec_time{display:inline-block; color:#957a4f; font-size:1.6rem; letter-spacing:-0.075rem; font-weight:500;}
.artgroup_sogae_wrap .recommand_swiper .swiper-slide .rec_txt .in_bottom .rec_loc{display:inline-block; color:#4c4c4c; font-size:1.6rem; letter-spacing:-0.075rem; font-weight:400; padding-left:20px; position:relative; width:100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all;}
.artgroup_sogae_wrap .recommand_swiper .swiper-slide .rec_txt .in_bottom .rec_loc:before{
	content: '';
    display: block;
    position: absolute;
    top: -2px;
    left: 0;
    width: 16px;
    height: 20px;
    background: url(../images/main/icon_location.svg) center no-repeat;
    background-size: 20px;
    opacity: 0.8;
}
.artgroup_sogae_wrap .per_con_frame{position:relative;}
.artgroup_sogae_wrap .per_con_frame:before {
    content: '';
    display: block;
    width: calc(100% + 164px);
    height: 300px;
    position: absolute;
    top: calc(50% - 40px);
    left: -82px;
    transform: translate(0, -50%);
    background-image: repeating-linear-gradient(to right, white 0px, white 12px, #edeced 12px, #edeced 13px);
    z-index: -2;
    opacity:0.8;
}
.artgroup_sogae_wrap .per_con_frame .per_con_swiper_wrap{max-width:1540px; margin: 0 auto; background-color:white;}
.artgroup_sogae_wrap .per_con_frame .per_con_swiper_wrap > .swiper{width: calc(100% + 20px); padding-right: 20px;}

    /* 미디어쿼리 시작 */
    @media (max-width: 1770px){
    	.artgroup_sogae_wrap .border_none_inner{padding:0;}
    }
    @media (max-width: 1600px){
    	.artgroup_sogae_wrap .per_con_frame:before{width: calc(100% + 100px); left: -50px;  height: 60%; background-image: repeating-linear-gradient(to right, white 0px, white 8px, #edeced 8px, #edeced 9px);}
    	.artgroup_sogae_wrap .artgroup_pic_frame{width:calc(100% + 100px); height:520px; min-height: auto; left:-50px; padding:0;}
    	.artgroup_sogae_wrap .artgroup_txt_frame .title_zone .group_name .e_name{font-size:5.5rem; letter-spacing: -0.25rem;}
    	.artgroup_sogae_wrap .artgroup_txt_frame .detail_zone{font-size:1.7rem; line-height:1.8;}
    }
    @media (max-width: 1480px){
    	.artgroup_sogae_wrap .artgroup_pic_frame{margin-top:-10px;}
    	.artgroup_sogae_wrap .per_con_frame:before{width: calc(100% + 80px); left: -40px;}
    	.artgroup_sogae_wrap .artgroup_pic_frame{width:calc(100% + 80px); height:480px; left:-40px;}
    	.artgroup_sogae_wrap .artgroup_txt_frame{margin-top:60px;}
    	.artgroup_sogae_wrap .artgroup_txt_frame .title_zone .group_name{margin-top:20px;}
    	.artgroup_sogae_wrap .artgroup_txt_frame .title_zone .group_name .e_name{font-size:5.2rem; letter-spacing: -0.25rem;}
    	.artgroup_sogae_wrap .artgroup_txt_frame .title_zone .group_name .k_name{font-size:2.7rem;}
    	.artgroup_sogae_wrap .artgroup_txt_frame .detail_zone{padding-left:8rem;}
    }
    @media (max-width: 1280px){
    	.artgroup_sogae_wrap .title_wrap{margin-bottom:25px;}
    	.artgroup_sogae_wrap .title.line{font-size:3.0rem;}
    	.artgroup_sogae_wrap .artgroup_pic_frame{height:450px;}
    	.artgroup_sogae_wrap .artgroup_txt_frame{flex-wrap:wrap; margin-top:50px;}
    	.artgroup_sogae_wrap .artgroup_txt_frame .title_zone{width:100%; border-top:none;}
    	.artgroup_sogae_wrap .artgroup_txt_frame .title_zone .group_name{margin-bottom:30px; margin-top:0;}
    	.artgroup_sogae_wrap .artgroup_txt_frame .title_zone .group_name .e_name{position:relative; display:inline-block; font-size:4.7rem; width:100%; letter-spacing: -0.3rem; padding-top:20px;}
    	.artgroup_sogae_wrap .artgroup_txt_frame .title_zone .group_name .e_name:before{
			content: '';
	        display: block;
	        position: absolute;
	        top: 0;
	        left: 0;
	        width: 104px;
	        height: 1px;
	        background-color: black;
    	}
    	.artgroup_sogae_wrap .artgroup_txt_frame .title_zone .group_name .k_name{font-size:2.2rem; width:100%; margin-top: 15px;}
    	.artgroup_sogae_wrap .artgroup_txt_frame .title_zone .information{font-size:1.7rem; margin-top:0; padding-top:12px; margin-bottom:30px;}
    	.artgroup_sogae_wrap .artgroup_txt_frame .title_zone .information:before {
	        content: '';
	        display: block;
	        position: absolute;
	        top: 0;
	        left: 0;
	        width: 134px;
	        height: 1px;
	        background-color: black;
	    }
    	.artgroup_sogae_wrap .artgroup_txt_frame .detail_zone{width:100%; padding-left:0;}
    	.artgroup_sogae_wrap .swiper_plus_mb{margin-bottom:80px;}
    }
    @media (min-width:1025px) and (max-width:1280px){
    	.artgroup_sogae_wrap .recommand_swiper .swiper-slide .rec_txt .in_bottom .rec_title{font-size:1.8rem;}
    	.artgroup_sogae_wrap .recommand_swiper .swiper-slide .rec_txt .in_bottom .rec_title > span{padding-right:3px;}
    	.artgroup_sogae_wrap .recommand_swiper .swiper-slide .rec_txt .in_top > ul > li{height:26px; padding: 0 11px 0 12px;}
    }
    @media (max-width: 1024px){
    	.artgroup_sogae_wrap .per_con_frame:before{width: calc(100% + 60px); left: -30px;}
        .artgroup_sogae_wrap .title_wrap{margin-bottom:20px;}
        .artgroup_sogae_wrap .title.line{font-size:2.8rem;}
        .artgroup_sogae_wrap .artgroup_pic_frame{width:calc(100% + 60px); height:430px; left:-30px;}
    }
    @media (max-width: 950px){
    	.artgroup_sogae_wrap .recommand_swiper .swiper-slide .rec_txt .in_bottom .rec_title{font-size:1.8rem;}
    	.artgroup_sogae_wrap .recommand_swiper .swiper-slide .rec_txt .in_bottom .rec_title > span{padding-right:3px;}
    	.artgroup_sogae_wrap .recommand_swiper .swiper-slide .rec_txt .in_top > ul > li{height:26px; padding: 0 11px 0 12px;}
    	.artgroup_sogae_wrap .artgroup_pic_frame{background: url(../images/contents/artgroup1_m.jpg) center no-repeat; background-size: cover; background-position: center bottom -40px; height: auto; padding-top: 50%; min-height: 300px;}
    }
    @media (max-width: 768px){
    	.artgroup_sogae_wrap .per_con_frame:before{width: calc(100% + 40px); left: -20px; display:none;}
    	.artgroup_sogae_wrap .per_con_frame .per_con_swiper_wrap{width:calc(100% + 20px); overflow:hidden;}
    	.artgroup_sogae_wrap .recommand_swiper .swiper-slide{width:240px;}
    	.artgroup_sogae_wrap .title.line{font-size:2.6rem;}
    	.artgroup_sogae_wrap .slide_btn_list .rec_button_prev:after{width:30px; height:30px;}
    	.artgroup_sogae_wrap .slide_btn_list .rec_button_next:after{width:30px; height:30px;}
    	.artgroup_sogae_wrap .slide_btn_list > li:last-child{margin-left:10px;}
    	.artgroup_sogae_wrap .rec_more_btn{width:38px; height:38px; margin-bottom:0;}
    	.artgroup_sogae_wrap .rec_more_btn i {font-size: 22px;}
    	.artgroup_sogae_wrap .artgroup_pic_frame{width:calc(100% + 40px); left:-20px; background-size: 1000px; background-position: center bottom +25%; height: auto; padding-top: 60%; min-height: 320px;}
    	.artgroup_sogae_wrap .artgroup_txt_frame{margin-top:40px; margin-bottom:70px;}
    	.artgroup_sogae_wrap .artgroup_txt_frame .title_zone .group_name .e_name{font-size: 4.2rem; padding-top:13px; line-height: 1.15;}
    	.artgroup_sogae_wrap .artgroup_txt_frame .title_zone .group_name .e_name:before{width: 94px;}
    	.artgroup_sogae_wrap .artgroup_txt_frame .title_zone .information{font-size:1.6rem; padding-top:10px;}
    	.artgroup_sogae_wrap .artgroup_txt_frame .title_zone .information:before{width:126px;}
    	.artgroup_sogae_wrap .artgroup_txt_frame .detail_zone{font-size: 1.6rem;}
    }
    @media (max-width: 500px){
    	.artgroup_sogae_wrap .artgroup_pic_frame{margin-top:-5px;}
    	.artgroup_sogae_wrap .title.line{font-size:2.4rem;}
    	.artgroup_sogae_wrap .recommand_swiper .swiper-slide .rec_txt .in_bottom .rec_title{font-size:1.7rem;}
    	.artgroup_sogae_wrap .artgroup_txt_frame{margin-top:35px; margin-bottom:60px;}
    	.artgroup_sogae_wrap .artgroup_txt_frame .title_zone .group_name{margin-bottom:20px;}
    	.artgroup_sogae_wrap .artgroup_txt_frame .title_zone .group_name .e_name{font-size:3.4rem; padding-top:10px;}
    	.artgroup_sogae_wrap .artgroup_txt_frame .title_zone .group_name .e_name:before{width:73px;}
    	.artgroup_sogae_wrap .artgroup_txt_frame .title_zone .group_name .k_name{font-size: 1.9rem; margin-top:10px;}
    	.artgroup_sogae_wrap .artgroup_txt_frame .title_zone .information{font-size:1.5rem; padding-top:12px; margin-bottom:20px;}
    	.artgroup_sogae_wrap .artgroup_txt_frame .title_zone .information:before{width:119px;}
    }
    @media (max-width: 425px){
    	.artgroup_sogae_wrap .per_con_frame:before{width: calc(100% + 30px); left: -15px;}
    	.artgroup_sogae_wrap .per_con_frame .per_con_swiper_wrap{width:calc(100% + 15px);}
    	.artgroup_sogae_wrap .artgroup_pic_frame{width:calc(100% + 30px); left:-15px; min-height: 250px; background-size: 700px;}
    	.artgroup_sogae_wrap .artgroup_txt_frame .title_zone .information{font-size:1.4rem; padding-top:9px;}
    	.artgroup_sogae_wrap .artgroup_txt_frame .title_zone .information:before{width:111px;}
    }
    @media (max-width: 350px){
    	.artgroup_sogae_wrap .swiper_plus_mb{margin-top:25px; margin-bottom:60px;}
    }
    /* 미디어쿼리 끝 */
/* 울산시립예술단 - 공통 끝 */


/* 울산시립예술단 - 지휘관소개 시작 */
.artgroup_sogae_wrap .artconductor_pic_frame{position:relative; width:100%; height:530px; margin-top: -10px;}
.artgroup_sogae_wrap .artconductor_pic_frame:before{
    content: '';
    display: block;
    position: absolute;
    top: 30px;
    bottom: 30px;
    left: 0;
    width: 100%;
    height: calc(100% - 60px);
    z-index:1;
    transition: 0.3s;
    left: 50%;
    transform: translate(-50%, 0);
}
/*
.artgroup_sogae_wrap.sa.show .artconductor_pic_frame:before {
    animation: bgCurtain .5s cubic-bezier(0.4, 0, 1, 1) forwards;
}
*/
.artgroup_sogae_wrap .artconductor_pic_frame.one:before{
    background: url(../images/contents/artconductor_pic_frame_one.jpg) center no-repeat;
    background-size: cover;
}
.artgroup_sogae_wrap .artconductor_pic_frame:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    height: 30%;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 50%);
    z-index: 1;
    opacity: 0.5;
    mix-blend-mode: multiply;
    pointer-events: none;
}
.artgroup_sogae_wrap .conductor_pic{padding: 2px; background: linear-gradient(to right, #c6a765, #7a6841); width:410px; height:100%; box-shadow: rgba(0, 0, 0, 0.15) 15px 15px 20px;}
.artgroup_sogae_wrap .conductor_pic img{width:100%; min-height:100%; max-height:100%;}
.artgroup_sogae_wrap .artconductor_pic_frame .frame_inner{display:flex; position:relative; width:100%; height:100%; /*max-width: 1540px;*/ max-width: 1640px; padding:0 50px; margin:0 auto; z-index:2;}
.artgroup_sogae_wrap .conductor_detail{display:inline-flex; align-items:center; align-content: center; flex-wrap:wrap; width: calc(100% - 410px); padding-left:100px; color:white; transition: 0.3s;}
.artgroup_sogae_wrap .conductor_detail > div{display:inline-block; width:100%;}
.artgroup_sogae_wrap .conductor_detail .cd_name{position:relative; margin-top:20px; padding-bottom: 25px; border-bottom: 1px rgb(255 255 255 / 20%) dotted;}
.artgroup_sogae_wrap .conductor_detail .cd_name span{display:inline-block; width:100%;}
.artgroup_sogae_wrap .conductor_detail .cd_name .cd_kor{position:relative; width:auto; font-size:4.8rem;}
.artgroup_sogae_wrap .artconductor_pic_frame .conductor_detail .cd_name .cd_kor:before{
	content: '';
    display: block;
    position: absolute;
    top: -55px;
    right: -370px;
    width: 384px;
    height: 84px;
    z-index: 1;
    transition:0.3s;
}
.artgroup_sogae_wrap .artconductor_pic_frame.one .conductor_detail .cd_name .cd_kor:before{
    background: url(../images/contents/conductor_name1.png) center no-repeat;
    background-size: contain;
    opacity: 0.2;
}
.artgroup_sogae_wrap .conductor_detail .cd_name .cd_eng{font-size: 4.5rem; font-weight: 200; color: white; opacity: 0.6; margin-top:7px;}
.artgroup_sogae_wrap .conductor_detail .cd_history{margin-top:40px; font-size:2.5rem;}
.artgroup_sogae_wrap .conductor_detail .cd_history .ch_kor{display:inline-flex; align-items: center; position:relative;}
.artgroup_sogae_wrap .conductor_detail .cd_history .ch_kor .ch_h{position:relative; padding-right:10px; margin-right:11px;}
.artgroup_sogae_wrap .conductor_detail .cd_history .ch_kor .ch_h:before{
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    right: -1px;
    width: 1px;
    height: 15px;
    background-color: white;
    opacity: 0.5;
    z-index: 1;
}
.artgroup_sogae_wrap .conductor_detail .cd_history .ch_eng{margin-top:17px;}
@keyframes bgCurtain {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

    /* 미디어쿼리 시작 */
    @media (max-width: 1600px){
    	.artgroup_sogae_wrap .artconductor_pic_frame{height:510px;}
    	.artgroup_sogae_wrap .conductor_detail{padding-left:90px;}
    	.artgroup_sogae_wrap .conductor_pic{width:395px;}
    	.artgroup_sogae_wrap .artconductor_pic_frame .conductor_detail .cd_name .cd_kor:before{top:-52px; right:-368px; width:379px; height:83px;}
    	.artgroup_sogae_wrap .conductor_detail{width: calc(100% - 395px); padding-left:80px;}
    	.artgroup_sogae_wrap .conductor_detail .cd_name .cd_kor{font-size:4.6rem;}
    	.artgroup_sogae_wrap .conductor_detail .cd_name .cd_eng{font-size:4.3rem;}
    	.artgroup_sogae_wrap .conductor_detail .cd_history{font-size:2.4rem;}
    }
    @media (max-width: 1480px){
    	.artgroup_sogae_wrap .artconductor_pic_frame{height:470px; margin-top:-10px;}
    	.artgroup_sogae_wrap .artconductor_pic_frame .frame_inner{padding:0 40px;}
    	.artgroup_sogae_wrap .artconductor_pic_frame .conductor_detail .cd_name .cd_kor:before{top:-52px; right:-350px; width:364px; height:79px;}
    	.artgroup_sogae_wrap .conductor_pic{width:364px;}
    	.artgroup_sogae_wrap .conductor_detail{width: calc(100% - 364px); padding-left:70px;}
    	.artgroup_sogae_wrap .conductor_detail .cd_name{margin-top:20px;}
    	.artgroup_sogae_wrap .conductor_detail .cd_name .cd_kor{font-size:4.4rem;}
    	.artgroup_sogae_wrap .conductor_detail .cd_name .cd_eng{font-size:4.1rem;}
    	.artgroup_sogae_wrap .conductor_detail .cd_history{font-size:2.3rem; margin-top:35px;}
    }
    @media (max-width: 1280px){
    	.artgroup_sogae_wrap .artconductor_pic_frame{height:440px;}
    	.artgroup_sogae_wrap .artconductor_pic_frame .frame_inner{padding:0; padding-right:60px;}
    	.artgroup_sogae_wrap .artconductor_pic_frame .conductor_detail .cd_name .cd_kor:before{top:-46px; right:-320px; width:334px; height:73px;}
    	.artgroup_sogae_wrap .conductor_pic{width:340px;}
    	.artgroup_sogae_wrap .conductor_detail{width: calc(100% - 340px); padding-left:60px;}
    	.artgroup_sogae_wrap .conductor_detail .cd_name{padding-bottom: 20px; margin-top:10px;}
    	.artgroup_sogae_wrap .conductor_detail .cd_name .cd_kor{font-size:3.9rem;}
    	.artgroup_sogae_wrap .conductor_detail .cd_name .cd_eng{font-size:3.7rem;}
    	.artgroup_sogae_wrap .conductor_detail .cd_history{font-size:2.2rem; margin-top:30px;}
    	.artgroup_sogae_wrap .conductor_detail .cd_history .ch_eng{margin-top:15px;}
    }
    @media (max-width: 1024px){
    	.artgroup_sogae_wrap .artconductor_pic_frame{height:400px;}
    	.artgroup_sogae_wrap .artconductor_pic_frame:before{top: 20px; bottom: 20px; height: calc(100% - 40px);}
    	.artgroup_sogae_wrap .artconductor_pic_frame:after{bottom:20px;}
    	.artgroup_sogae_wrap .artconductor_pic_frame .frame_inner{padding-right:50px;}
    	.artgroup_sogae_wrap .artconductor_pic_frame .conductor_detail .cd_name .cd_kor:before {top: -40px; right: -280px; width: 294px; height: 64px;}
    	.artgroup_sogae_wrap .conductor_pic{width:309px;}
    	.artgroup_sogae_wrap .conductor_detail{width: calc(100% - 309px); padding-left:55px;}
    	.artgroup_sogae_wrap .conductor_detail .cd_name .cd_kor{font-size:3.6rem;}
    	.artgroup_sogae_wrap .conductor_detail .cd_name .cd_eng{font-size:3.6rem;}
    	.artgroup_sogae_wrap .conductor_detail .cd_history{font-size:2rem;}
    	.artgroup_sogae_wrap .conductor_detail .cd_history .ch_eng{margin-top:12px;}
    }
    @media (max-width: 950px){
    	.artgroup_sogae_wrap .artconductor_pic_frame{height:380px;}
    	.artgroup_sogae_wrap .artconductor_pic_frame .frame_inner{padding-right:45px;}
    	.artgroup_sogae_wrap .artconductor_pic_frame .conductor_detail .cd_name .cd_kor:before {top: -34px; right: -244px; width: 254px; height: 55px;}
    	.artgroup_sogae_wrap .conductor_pic{width:294px;}
    	.artgroup_sogae_wrap .conductor_detail{width: calc(100% - 294px); padding-left:45px;}
    	.artgroup_sogae_wrap .conductor_detail .cd_name .cd_kor{font-size:3.4rem;}
    	.artgroup_sogae_wrap .conductor_detail .cd_name .cd_eng{font-size:3.5rem;}
    	.artgroup_sogae_wrap .conductor_detail .cd_history{font-size:1.8rem;}
    	.artgroup_sogae_wrap .conductor_detail .cd_history .ch_eng{margin-top:10px;}
    }
    @media (max-width: 850px){
    	.artgroup_sogae_wrap .artconductor_pic_frame{height:350px;}
    	.artgroup_sogae_wrap .artconductor_pic_frame:before{top: 0px; bottom: 0px; height: calc(100%);}
    	.artgroup_sogae_wrap .artconductor_pic_frame:after{bottom:0px;}
    	.artgroup_sogae_wrap .artconductor_pic_frame .frame_inner{padding-right:40px;}
    	.artgroup_sogae_wrap .artconductor_pic_frame .conductor_detail .cd_name .cd_kor:before {top: -33px; right: -226px; width: 234px; height: 51px;}
    	.artgroup_sogae_wrap .conductor_pic{width:271px;}
    	.artgroup_sogae_wrap .conductor_detail{width: calc(100% - 271px); padding-left:40px;}
    	.artgroup_sogae_wrap .conductor_detail .cd_name{margin-top:0;}
    	.artgroup_sogae_wrap .conductor_detail .cd_name .cd_kor{font-size:3.1rem;}
    	.artgroup_sogae_wrap .conductor_detail .cd_name .cd_eng{font-size:3.2rem;}
    	.artgroup_sogae_wrap .conductor_detail .cd_history{font-size:1.7rem;}
    }
    @media (max-width: 768px){
    	.artgroup_sogae_wrap .artconductor_pic_frame{width: calc(100% + 40px); left: -20px; height:auto; background:black url(../images/contents/artconductor_pic_frame_one_lcut.jpg) top left no-repeat; background-size:contain;}
		.artgroup_sogae_wrap .artconductor_pic_frame:before{display:none;}
		.artgroup_sogae_wrap .artconductor_pic_frame:after{
			content: '';
	        display: block;
	        position: absolute;
	        left: auto;
	        right: 0;
	        bottom: 0;
	        mix-blend-mode: normal;
	        pointer-events: none;
		}
		.artgroup_sogae_wrap .artconductor_pic_frame.one:after{
	        width: 250px;
	        height: 250px;
	        background: url(../images/contents/artconductor_pic_frame_one_rcut.jpg) center no-repeat;
	        background-size: cover;
	        opacity: 0.4;
		}
		.artgroup_sogae_wrap .artconductor_pic_frame .frame_inner{flex-wrap:wrap; justify-content: center; padding: 40px 7% 40px 7%;}
		.artgroup_sogae_wrap .artconductor_pic_frame .conductor_detail{width:100%; padding-left:0;}   
		.artgroup_sogae_wrap .artconductor_pic_frame.one .conductor_detail .cd_name .cd_kor:before{display:none;}
		.artgroup_sogae_wrap .conductor_pic{position:relative; width:290px; transition: 0.3s;}
		.artgroup_sogae_wrap .conductor_pic:before{
			content: '';
		    display: block;
		    position: absolute;
		    top: 50%;
		    left: 50%;
		    transform:translate(-50%, -50%);
		    width: 200%;
		    height: 100%;
		    z-index: 1;
		    transition: 0.3s;
		}
		.artgroup_sogae_wrap .artconductor_pic_frame.one .conductor_pic:before{
		    background: url(../images/contents/conductor_name1.png) center no-repeat;
		    background-size: contain;
		    opacity: 0.1;
		}
		.artgroup_sogae_wrap .conductor_pic img{position:relative; z-index:2;}
		.artgroup_sogae_wrap .conductor_detail .cd_name{padding-bottom: 19px; margin-top: 19px; text-align: center;}
		.artgroup_sogae_wrap .conductor_detail .cd_name .cd_kor{font-size:2.8rem;}
		.artgroup_sogae_wrap .conductor_detail .cd_name .cd_eng{font-size:2.7rem; margin-top: 7px;}
		.artgroup_sogae_wrap .conductor_detail .cd_history{margin-top:25px; text-align: center;}
		.artgroup_sogae_wrap .conductor_detail .cd_history .ch_eng{margin-top:10px;}
		.artgroup_sogae_wrap .conductor_detail .cd_history .ch_kor .ch_h:before{top:2px; height:11px; opacity: 0.3;}

    }
    @media (max-width: 690px){
    	.artgroup_sogae_wrap .artconductor_pic_frame.one .conductor_pic:before{display:none;}
    }
    @media (max-width: 500px){
    	.artgroup_sogae_wrap .conductor_pic{width:260px;}
    	.artgroup_sogae_wrap .conductor_detail .cd_name{padding-bottom:15px; margin-top:17px;}
    	.artgroup_sogae_wrap .conductor_detail .cd_name .cd_kor{font-size:2.4rem;}
    	.artgroup_sogae_wrap .conductor_detail .cd_name .cd_eng{font-size:2.3rem; margin-top:7px;}
    	.artgroup_sogae_wrap .conductor_detail .cd_history{margin-top:21px; font-size:1.6rem;}
    	.artgroup_sogae_wrap .conductor_detail .cd_history .ch_kor .ch_h{padding-right: 8px; margin-right: 8px;}
    	.artgroup_sogae_wrap .conductor_detail .cd_history .ch_eng{margin-top:8px;}
    	.artgroup_sogae_wrap .artconductor_pic_frame{margin-top:-5px;}
    }
    @media (max-width: 425px){
    	.artgroup_sogae_wrap .artconductor_pic_frame{width: calc(100% + 30px); left: -15px;}
    	.artgroup_sogae_wrap .artconductor_pic_frame .frame_inner{padding:30px 7% 30px 7%;}
    	.artgroup_sogae_wrap .conductor_pic{width:230px;}
    	.artgroup_sogae_wrap .conductor_detail .cd_name .cd_kor{font-size:2.1rem;}
    	.artgroup_sogae_wrap .conductor_detail .cd_name .cd_eng{font-size:2.0rem; margin-top:5px;}
    	.artgroup_sogae_wrap .conductor_detail .cd_history{margin-top:18px; font-size:1.5rem; letter-spacing: -0.075rem;}
    }
    @media (max-width: 350px){
    	.artgroup_sogae_wrap .swiper_plus_mb{margin-top:25px; margin-bottom:60px;}
    	.artgroup_sogae_wrap .conductor_pic{width:200px;}
    	.artgroup_sogae_wrap .conductor_detail .cd_name .cd_kor{font-size:2rem;}
    	.artgroup_sogae_wrap .conductor_detail .cd_name .cd_eng{font-size:1.9rem;}
    	.artgroup_sogae_wrap .conductor_detail .cd_history{font-size:1.4rem;}
    }
    /* 미디어쿼리 끝 */
/* 울산시립예술단 - 지휘관소개 끝 */


/* 울산시립예술단 - 단원소개 시작 */
.artgroup_member_wrap{margin-top: -10px;}
.artgroup_member_wrap .member_category{display:flex; flex-wrap:wrap; gap:18px 0;}
.artgroup_member_wrap .member_category li{width:calc(100% / 6); letter-spacing: -0.075rem; display: inline-flex; justify-content: center; font-size:1.7rem;}
.artgroup_member_wrap .member_category li a{position:relative; display: inline-flex; min-width: 80%; padding:0 0 0 27px; line-height:1.2;}
.artgroup_member_wrap .member_category li a.on{font-weight:800;}
.artgroup_member_wrap .member_category li a:before{
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 17px;
    height: 17px;
    margin: auto 0;
    border: 1px solid #888;
    background: linear-gradient(#fff, #fff) 5px 5px / 5px 5px no-repeat, linear-gradient(#888, #888) 4px 4px / 7px 7px no-repeat;
    background-color: #fff;
    box-sizing: border-box;
    vertical-align: middle;
}
.artgroup_member_wrap .member_category li a.on:before{border:6px solid #343434; background:#fff;}
.artgroup_member_wrap .member_category li a span{display:inline-block; position:relative;}
.artgroup_member_wrap .member_category li a span:after{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 1px;
    background: #000;
    opacity: 0.5;
    transform: scaleX(0);
    transform-origin: 100% 0;
    transition: transform .3s;
}
.artgroup_member_wrap .member_category li a:hover span:after{transform:scaleX(1); transform-origin:0 0;}
.artgroup_member_wrap .member_category li a.on span:after{transform:scaleX(1); transform-origin:0 0;}
.artgroup_member_wrap .member_list{display:flex; flex-wrap:wrap; margin:53px 0 50px 0; padding:60px 30px; border-top:2px solid #000; border-bottom:1px solid #d2d2d2;}
.artgroup_member_wrap .member_list:after{content:''; display:block; clear:both;}
.artgroup_member_wrap .member_list > li a .img_zone{position:relative;}
.artgroup_member_wrap .member_list > li a .img_zone:after,
.artgroup_member_wrap .member_list > li a .img_zone:before {
    position: absolute;
    content: "";
    width: 0%;
    height: 0%;
    visibility: hidden;
    z-index:2;
}
.artgroup_member_wrap .member_list > li a .img_zone:after {
    bottom: 0;
    right: 0;
    border-left: 2px solid #7a6841;
    border-bottom: 2px solid #7a6841;
    transition: width .1s ease .1s, height .1s ease, visibility 0s .2s;
}
.artgroup_member_wrap .member_list > li a .img_zone:before {
    top: 0;
    left: 0;
    border-top: 2px solid #7a6841;
    border-right: 2px solid #7a6841;
    transition: width .1s ease .3s, height .1s ease .2s, visibility 0s .4s;
}
.artgroup_member_wrap .member_list > li a .img_zone:hover:after,
.artgroup_member_wrap .member_list > li a .img_zone:hover:before {
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    visibility: visible;
    transition: width .1s ease .2s, height .1s ease .3s, visibility 0s .2s;
}
.artgroup_member_wrap .member_list > li a .img_zone:hover:after {
    transition: width .1s ease .2s, height .1s ease .3s, visibility 0s .2s;
}
.artgroup_member_wrap .member_list > li a .img_zone:hover:before {
    transition: width .1s ease, height .1s ease .1s;
}
.artgroup_member_wrap .member_list .img{display:block; position:relative; overflow:hidden;}
.artgroup_member_wrap .member_list .img:before{content:''; display:block; padding-top:140%;}
.artgroup_member_wrap .member_list .img:after{content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.05);}
.artgroup_member_wrap .member_list .img img{
	position:absolute;top: 50%;left: 50%;transform: translate(-50% ,-50%);width: auto;height: 100%;min-width: 100%;min-height: 100%;transition:transform .5s;
	max-width:100%;max-height:100%;
}
.artgroup_member_wrap .member_list a:hover .img img{transform:translate(-50% ,-50%) scale(1.1);}
.artgroup_member_wrap .member_list a .name{display:block; margin:20px 0 0;}
.artgroup_member_wrap .member_list a .name .k_n{ font-size: 2.2rem; letter-spacing:-0.075rem; }
.artgroup_member_wrap .member_list a .name .e_n{ font-size: 1.4rem; margin-left:6px; padding-bottom:2px; }
.artgroup_member_wrap .member_list a .part{font-size: 1.7rem; display:block; margin:10px 0 0; color:#7a6842;}
.member_pop_frame{opacity:0; pointer-events: none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:1001; transition: opacity .3s ease;}
.member_pop_frame.open{opacity: 1; pointer-events: auto;}
.member_pop_frame .bg{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; background: #000; opacity: 0; transition: opacity 0.3s ease;}
.member_pop_frame.open .bg{opacity: 0.5;}
.member_pop_frame > .pop_inner{position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); right:0; z-index:101; width:100%; max-width:910px; margin:auto; background:#fff;}
.member_pop_frame .bg{position:fixed; top:0; left:0; right:0; bottom:0; z-index:100; background:#000; opacity:0.5;}
.member_pop_frame .btn_close{display:inline-block; position:absolute; top:12px; right:13px; z-index:10; overflow:hidden; width:50px; height:50px; border:1px solid rgba(255,255,255,.5); background:none; color:transparent; font-size:0; line-height:0;}
.member_pop_frame .btn_close:before,
.member_pop_frame .btn_close:after{content:''; display:block; position:absolute; top:30%; right:30%; bottom:30%; left:30%; height:2px; margin:auto; background:#fff; transform:rotate(45deg);}
.member_pop_frame .btn_close:after{transform:rotate(135deg);}
.member_pop_frame .pop_head{position:relative; height:75px; padding:15px 50px 0; background:#000;}
.member_pop_frame .pop_head:after{
    content: '';
    display: block;
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #000;
    z-index: 1;
}
.member_pop_frame .pop_head:before{content:''; display:inline-block; position:absolute; top:0; left:0; width:30px; height:1px; background:#fff; transform:rotate(45deg); transform-origin:0 0; opacity:0.5; z-index:2;}
.member_pop_frame .pop_head span{display: inline-block; color: #fff; line-height: 1.3; position: absolute; top: calc(50% + 3px); left: 30px; transform: translate(0, -50%); font-size: 2.6rem; font-weight: 400; letter-spacing: 0.5rem;}
.member_pop_frame .pop_body{display:flex; align-items: flex-start; flex-wrap:wrap; height:auto; max-height: calc(70vh - 75px); min-height:460px; overflow: hidden; overflow-y: auto; padding: 40px;}
.member_pop_frame .pop_body .img_wrap{position:relative; width:32%; margin-right:5%;}
.member_pop_frame .pop_body .img{position:relative; width:100%;}
.member_pop_frame .pop_body .img:before{content:''; display:block; padding-top:140%;}
.member_pop_frame .pop_body .img img{
	position:absolute; top: 50%; left: 50%; width:auto; height:100%; min-width: 100%; min-height: 100%;  transition:transform .3s; transform: translate(-50%, -50%);
	max-width:100%; max-height:100%;
}
.member_pop_frame .pop_body .info_wrap{width:63%;}
.member_pop_frame .pop_body .info{overflow:hidden;}
.member_pop_frame .pop_body .info > li{padding:20px 0; border-top:1px solid #d2d2d2;}
.member_pop_frame .pop_body .info_wrap > .info:last-child > li:last-child{padding-bottom:0;}
.member_pop_frame .pop_body .info .pop_dot_list li{position:relative; font-size: 1.6rem; line-height:1.4; padding-left:13px; margin-bottom:7px; letter-spacing:-0.05rem; font-weight:400;}
.member_pop_frame .pop_body .info .pop_dot_list li:before{
    content: '';
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 4px;
    height: 4px;
    background: #000;
    opacity: 0.5;
}
.member_pop_frame .pop_body .info .pop_dot_list li:last-child{margin-bottom:0;}
.member_pop_frame .pop_body .info li.top_if{border-top:none; padding-top:0;}
.member_pop_frame .pop_body .info li.top_if .tif_name .n_k{font-size: 2.8rem; font-weight: 700;}
.member_pop_frame .pop_body .info li.top_if .tif_name .n_e{font-size: 1.8rem;}
.member_pop_frame .pop_body .info li.top_if .tif_part{color: #7a6842; font-weight: 600;}


    /* 미디어쿼리 시작 */
    @media (min-width: 1281px){
    	.artgroup_member_wrap .member_list > li{width:calc((100% / 5) - 8px); margin-right:10px; margin-bottom:60px;}
		.artgroup_member_wrap .member_list > li:nth-child(5n){margin-right:0;}
		.artgroup_member_wrap .member_list > li:nth-last-child(-n + 5){margin-bottom: 0;}
    }
    @media (max-width: 1770px){
    	.artgroup_member_wrap .border_none_inner{padding:0; max-width:1540px;}
    	.artgroup_member_wrap .member_list{margin: 50px 0 0; padding: 52px 0;}
    }
    @media (max-width: 1280px){
    	.artgroup_member_wrap .member_category li{width: calc(100% / 5); font-size:1.6rem;}
    	.artgroup_member_wrap .member_list{margin: 36px 0 40px 0;}
    }
    @media (min-width:1141px) and (max-width:1280px){
        .artgroup_member_wrap .member_list > li{width:calc((100% / 4) - 7.5px); margin-right:10px; margin-bottom:50px;}
		.artgroup_member_wrap .member_list > li:nth-child(4n){margin-right:0;}
		.artgroup_member_wrap .member_list > li:nth-last-child(-n + 4){margin-bottom: 0;}
    }
    @media (min-width:651px) and (max-width:1140px){
        .artgroup_member_wrap .member_list > li{width:calc((100% / 3) - (20px / 3)); margin-right:10px; margin-bottom:50px;}
		.artgroup_member_wrap .member_list > li:nth-child(3n){margin-right:0;}
		.artgroup_member_wrap .member_list > li:nth-last-child(-n + 3){margin-bottom: 0;}
    }
    @media (max-width: 950px){
    	.artgroup_member_wrap .member_category li{width: calc(100% / 4);}
    }
    @media (min-width:651px) and (max-width:860px){
    	.artgroup_member_wrap .member_list a .name .e_n{display:inline-block; width:100%; margin-top:7px; margin-bottom:2px; margin-left:0; font-weight: 400;}
    }
    @media (max-width: 768px){
    	.artgroup_member_wrap .member_category{gap: 16px 0;}
    	.artgroup_member_wrap .member_category li{width: calc(100% / 4); font-size:1.6rem;}
    	.artgroup_member_wrap .member_list{margin: 35px 0 30px 0; padding: 42px 0;}
		.member_pop_frame .pop_head{height:65px; padding:0;}
		.member_pop_frame .pop_head:after{display:none;}
		.member_pop_frame .pop_head span{top: calc(50% + 2px); font-size:2.3rem;}
		.member_pop_frame .btn_close{width: 42px; height: 42px; top: 10px; right:12px;}
		.member_pop_frame .pop_body{padding:40px 30px;}
		.member_pop_frame .pop_body .info > li{padding:15px 0;}
		.member_pop_frame .pop_body .info li.top_if .tif_name .n_k{font-size: 2.6rem;font-weight: 700;}
		.member_pop_frame .pop_body .info li.top_if .tif_name .n_e{font-size: 1.6rem;}
		.member_pop_frame .pop_body .info .pop_dot_list li{font-size:1.5rem; margin-bottom:6px; padding-left: 12px}
		.member_pop_frame .pop_body .info .pop_dot_list li:before{top: 6px;}
    }
    @media (max-width:700px){
    	.artgroup_member_wrap .member_category li{width: calc(100% / 3);;}
    }
    @media (max-width:650px){
        .artgroup_member_wrap .member_list > li{width:calc((100% / 2) - 5px); margin-right:10px; margin-bottom:50px;}
		.artgroup_member_wrap .member_list > li:nth-child(2n){margin-right:0;}
		.artgroup_member_wrap .member_list > li:nth-last-child(-n + 2){margin-bottom: 0;}
		
		.member_pop_frame .pop_head{height:55px;}
		.member_pop_frame .pop_head:before{width: 25px;}
		.member_pop_frame .pop_head span{top: calc(50% + 1px); left: 20px; font-size: 1.8rem;}
		.member_pop_frame .btn_close{width: 43px; height: 43px; top: 6px; right: 6px;}
		.member_pop_frame .pop_body{flex-wrap:wrap; padding: 30px 20px; max-height:80vh;}
		.member_pop_frame > .pop_inner{max-width:95%;}
		.member_pop_frame .pop_body .img{width:100%; max-width:210px; margin:0 auto;}
		.member_pop_frame .pop_body .img_wrap{width:100%; position:relative; margin-right:0;}
		.member_pop_frame .pop_body .img_wrap:after{
        content: '';
        display: block;
        width: 100%;
        height: 80%;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(0, -50%);
        background-image: repeating-linear-gradient(to right, white 0px, white 6px, #edeced 6px, #edeced 7px);
        z-index: -2;
    }
		.member_pop_frame .pop_body .info_wrap{width:100%;}
		.member_pop_frame .pop_body .info li.top_if{text-align:center;}
		.member_pop_frame .pop_body .info li.top_if .tif_name .n_k{display: inline-block; width: 100%; margin: 12px 0px 5px 0px; font-size: 2.1rem;}
		.member_pop_frame .pop_body .info li.top_if .tif_name .n_e{display: inline-block; width: 100%; margin-bottom: 10px; font-size:1.5rem;}
    }
    @media (max-width: 550px){
    	.artgroup_member_wrap .member_list a .name .e_n{display:inline-block; width:100%; margin-top:6px; margin-bottom:0px; margin-left:0; font-weight: 400;}
    }
    @media (max-width: 500px){
    	.artgroup_member_wrap{margin-top: -5px;}
    	.artgroup_member_wrap .member_category{padding:0 2%; gap:13px 0;}
    	.artgroup_member_wrap .member_category li{width: calc(100% / 2); font-size:1.5rem}
    	.artgroup_member_wrap .member_category li a{min-width:auto; width:100%;}
    	.artgroup_member_wrap .member_list{margin: 33px 0 20px 0; padding: 32px 0;}
    	.artgroup_member_wrap .member_list > li{margin-bottom:45px;}
    	.artgroup_member_wrap .member_list a .name .e_n{margin-top:4px;}
    }
    @media (max-width: 360px){
    	.member_pop_frame .pop_body .img_wrap:after{background-image: repeating-linear-gradient(to right, white 0px, white 4px, #edeced 4px, #edeced 5px);}
    }
    @media (max-width: 340px){
    	.artgroup_member_wrap .member_list a .name .e_n{margin-top:3px;}
    }
    /* 미디어쿼리 끝*/
/* 울산시립예술단 - 단원소개 끝*/


/* 울산시립예술단 - 시립합창단 시작 */
.artgroup_sogae_wrap.chorus .artgroup_pic_frame{background: url(../images/contents/artgroup2.jpg) center no-repeat; background-size: cover;}
.artgroup_sogae_wrap.chorus .artconductor_pic_frame.one:before {background: url(../images/contents/artconductor_pic_frame_two.jpg) center no-repeat; background-size: cover;}
.artgroup_sogae_wrap.chorus .artconductor_pic_frame.one .conductor_detail .cd_name .cd_kor:before {background: url(../images/contents/conductor_name2.png) center no-repeat; background-size: contain; opacity: 0.2;}
	
	/* 미디어쿼리 시작 */
	@media (max-width: 768px){
		.artgroup_sogae_wrap.chorus .artconductor_pic_frame.one .conductor_pic:before{
		    background: url(../images/contents/conductor_name2.png) center no-repeat;
		    background-size: contain;
		    opacity: 0.1;
		}
   		.artgroup_sogae_wrap.chorus .artconductor_pic_frame.one:after{
	        width: 250px;
	        height: 250px;
	        background: url(../images/contents/artconductor_pic_frame_two_rcut.jpg) center no-repeat;
	        background-size: cover;
	        opacity: 0.4;
	    }
   }
   @media (max-width: 690px){
   		.artgroup_sogae_wrap.chorus .artconductor_pic_frame.one .conductor_pic:before{display:none;}
   }
    /* 미디어쿼리 끝*/
/* 울산시립예술단 - 시립합창단 끝 */


/* 울산시립예술단 - 시립무용단 시작 */
.artgroup_sogae_wrap.dance .artgroup_pic_frame{background: url(../images/contents/artgroup3.jpg) center no-repeat; background-size: cover;}
.artgroup_sogae_wrap.dance .artconductor_pic_frame.one:before {background: url(../images/contents/artconductor_pic_frame_three.jpg) center no-repeat; background-size: cover;}
.artgroup_sogae_wrap.dance .artconductor_pic_frame.one .conductor_detail .cd_name .cd_kor:before {background: url(../images/contents/conductor_name3.png) center no-repeat; background-size: contain; opacity: 0.2;}
	
	/* 미디어쿼리 시작 */
	@media (max-width: 768px){
		.artgroup_sogae_wrap.dance .artconductor_pic_frame.one .conductor_pic:before{
		    background: url(../images/contents/conductor_name3.png) center no-repeat;
		    background-size: contain;
		    opacity: 0.1;
		    left: calc(50% + 35px);
		}
   		.artgroup_sogae_wrap.dance .artconductor_pic_frame.one:after{
	        width: 250px;
	        height: 250px;
	        background: url(../images/contents/artconductor_pic_frame_three_rcut.jpg) center no-repeat;
	        background-size: cover;
	        opacity: 0.4;
	    }
   }
   @media (max-width: 690px){
   		.artgroup_sogae_wrap.dance .artconductor_pic_frame.one .conductor_pic:before{display:none;}
   }
    /* 미디어쿼리 끝*/
/* 울산시립예술단 - 시립무용단 끝 */


/* 울산시립예술단 - 시립청소년합창단 시작 */
.artgroup_sogae_wrap.youthchoir .artgroup_pic_frame{background: url(../images/contents/artgroup5.jpg) center no-repeat; background-size: cover;}
.artgroup_sogae_wrap.youthchoir .artconductor_pic_frame.one:before {background: url(../images/contents/artconductor_pic_frame_two.jpg) center no-repeat; background-size: cover;}
.artgroup_sogae_wrap.youthchoir .artconductor_pic_frame.one .conductor_detail .cd_name .cd_kor:before {background: url(../images/contents/conductor_name2.png) center no-repeat; background-size: contain; opacity: 0.2;}
	
	/* 미디어쿼리 시작 */
	@media (max-width: 768px){
		.artgroup_sogae_wrap.youthchoir .artconductor_pic_frame.one .conductor_pic:before{
		    background: url(../images/contents/conductor_name2.png) center no-repeat;
		    background-size: contain;
		    opacity: 0.1;
		}
   		.artgroup_sogae_wrap.youthchoir .artconductor_pic_frame.one:after{
	        width: 250px;
	        height: 250px;
	        background: url(../images/contents/artconductor_pic_frame_two_rcut.jpg) center no-repeat;
	        background-size: cover;
	        opacity: 0.4;
	    }
   }
   @media (max-width: 690px){
   		.artgroup_sogae_wrap.youthchoir .artconductor_pic_frame.one .conductor_pic:before{display:none;}
   }
    /* 미디어쿼리 끝*/
/* 울산시립예술단 - 시립청소년합창단 끝 */


/* 울산시립예술단 - 시립청소년교향악단 시작 */
.artgroup_sogae_wrap.youthsymphony .artgroup_pic_frame{background: url(../images/contents/artgroup4.jpg) center no-repeat; background-size: cover;}
.artgroup_sogae_wrap.youthsymphony .artconductor_pic_frame.one .conductor_detail .cd_name .cd_kor:before {background: url(../images/contents/conductor_name4.png) center no-repeat; background-size: contain; opacity: 0.2;}
	
	/* 미디어쿼리 시작 */
	@media (max-width: 768px){
		.artgroup_sogae_wrap.youthsymphony .artconductor_pic_frame.one .conductor_pic:before{
		    background: url(../images/contents/conductor_name4.png) center no-repeat;
		    background-size: contain;
		    opacity: 0.1;
		}
   }
   @media (max-width: 690px){
   		.artgroup_sogae_wrap.youthsymphony .artconductor_pic_frame.one .conductor_pic:before{display:none;}
   }
    /* 미디어쿼리 끝*/
/* 울산시립예술단 - 시립합창단 끝 */


/* 울산시립예술단 - CI소개 시작 */
.artgroup.ci_wrap .ci_color ul li:last-child{margin-right:0;}
.artgroup.ci_wrap .ci_color ul li.color10 > .color_box div:first-child{background-color: #7e3c89;}
.artgroup.ci_wrap .ci_color ul li.color11 > .color_box div:first-child{background-color: #005bac;}
.artgroup.ci_wrap .ci_color ul li.color12 > .color_box div:first-child{background-color: #003b83;}
.artgroup.ci_wrap .ci_img_zone.two_frame .in_ci{flex-wrap:wrap; justify-content: space-evenly; width:100%; padding:50px 1%;}
.artgroup.ci_wrap .ci_img_zone.two_frame .in_ci li{width: calc(100% / 3); min-width:500px;}
.artgroup.ci_wrap .ci_img_zone.two_frame .in_ci li img{max-width:90%; max-height: 280px; padding: 5% 5%; transition:0.3s;}
.artgroup.ci_wrap .ci_img_zone .in_ci li img{max-width: none; max-height: 200px; padding: 0 5%;}

	/* 미디어쿼리 시작 */
    @media (max-width: 1770px){
        .artgroup.ci_wrap .ci_img_zone.two_frame{padding: 40px 0;}
    	.artgroup.ci_wrap .ci_img_zone.two_frame .in_ci{width: 100%; padding: 0 5%; margin: 0;}
    }
    @media (max-width: 1280px){
    	.artgroup.ci_wrap .ci_img_zone.two_frame .in_ci li{width: 450px; min-width: auto; margin:0;}
    	.artgroup.ci_wrap .ci_img_zone.two_frame .in_ci li img{max-width: none; max-height: 250px;}
    }
    @media (max-width: 1150px){
    	.artgroup.ci_wrap .ci_img_zone.custom1 .in_ci li {margin: 20px;}
    	.artgroup.ci_wrap .ci_img_zone.two_frame .in_ci li img{padding: 7% 5%;}
    }
    @media (max-width: 1280px) and (min-width: 901px){
    	.artgroup.ci_wrap .ci_img_zone.custom1{padding-top: 0;}
    }
    @media (max-width: 900px) and (min-width: 351px){
    	.artgroup.ci_wrap .ci_img_zone.custom1{padding: 70px 0 40px 0;}
    } 
    @media (min-width: 501px){
		.artgroup.ci_wrap .ci_color ul li{width: calc((100% / 3) - (20px / 3));}
    }
    @media (max-width: 768px){
    	.artgroup.ci_wrap .ci_img_zone.custom1 .in_ci{width: 70%;}
    	.artgroup.ci_wrap .ci_img_zone.two_frame {padding: 30px 0;}
    }
    @media (max-width: 350px){
    	.artgroup.ci_wrap .ci_img_zone.custom1{padding:40px 0 90px 0;}
    } 
    /* 미디어쿼리 끝 */
/* 울산시립예술단 - CI소개 끝 */


/* 울산시립예술단 - 찾아가는 예술단 시작 */
.artgroup_sogae_wrap.mt_reset .artgroup_pic_frame{margin-top:0;}
.artgroup_sogae_wrap.visiting .table_one .w1{width:15%;}
.artgroup_sogae_wrap.visiting .table_one .w3{width:15%;}
.artgroup_sogae_wrap.visiting .table_two .w1{width:40%;}
.artgroup_sogae_wrap.visiting .table_top_ul_custom{margin-top:-5px; margin-bottom:18px;}
.artgroup_sogae_wrap.visiting .table_bottom_txt{margin-top:15px;}
.artgroup_sogae_wrap.visiting .down_btn_list{display:flex; gap:0 15px; margin-top:30px;}
.artgroup_sogae_wrap.visiting .down_btn_list > li{width:calc(100% / 3); min-width:400px;}
.artgroup_sogae_wrap.visiting .down_btn_list > li a.dbl_wrap{display:inline-flex; justify-content: space-between; align-items: center; width:100%; min-height:75px; padding:0 30px; letter-spacing:-0.075rem; border: 2px #202020 solid; background-color: white; box-shadow: 0 3px 0 rgb(35 31 32 / 10%); transition:0.3s;}
.artgroup_sogae_wrap.visiting .down_btn_list > li a.dbl_wrap .dbl_txt .dbl_main{font-weight:600; font-size:1.8rem;}
.artgroup_sogae_wrap.visiting .down_btn_list > li a.dbl_wrap .dbl_txt .dbl_sub{position:relative; margin-left:11px; font-size:1.6rem; font-weight: 500; color: #494949; transition:0.3s; padding-left:12px;}
.artgroup_sogae_wrap.visiting .down_btn_list > li a.dbl_wrap .dbl_txt .dbl_sub:before{
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 1px;
    height: 14px;
    opacity: 0.3;
    background-color: black;
    transition:0.3s;
}
.artgroup_sogae_wrap.visiting .down_btn_list > li a.dbl_wrap i{font-size: 3rem; transition:0.3s;}
.artgroup_sogae_wrap.visiting .down_btn_list > li a.dbl_wrap:hover{border: 2px #202020 solid; color: white; background-color: #202020;}
.artgroup_sogae_wrap.visiting .down_btn_list > li a.dbl_wrap:hover .dbl_txt .dbl_sub{color: #c1c1c1;}
.artgroup_sogae_wrap.visiting .down_btn_list > li a.dbl_wrap:hover i{color:white;}
.artgroup_sogae_wrap.visiting .down_btn_list > li a.dbl_wrap:hover .dbl_txt .dbl_sub:before {background-color:white;}
.artgroup_sogae_wrap.visiting .x_box_ul{display:flex; flex-wrap:wrap; gap:10px;}
.artgroup_sogae_wrap.visiting .x_box_ul > li{ display:inline-flex; align-items: center; justify-content: flex-start; padding:20px 25px; border: 1px solid #e9e9e9; letter-spacing: -0.05rem;}
.artgroup_sogae_wrap.visiting .x_box_ul > li i{font-size: 2.5rem; margin-right: 6px;}
.artgroup_sogae_wrap.visiting .takepic_swiper .swiper-slide{width: calc(100% / 2); min-width:500px; overflow: hidden;}
.artgroup_sogae_wrap.visiting .takepic_swiper .swiper-slide .takepic_img{position:relative; padding-top:66.58%; box-shadow:5px 3px 7px rgba(0, 0, 0, 0.1);}
.artgroup_sogae_wrap.visiting .takepic_swiper .swiper-slide .takepic_img img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width: auto; height: 100%; min-width: 100%;}
.artgroup_sogae_wrap.visiting .per_con_frame .per_con_swiper_wrap > .swiper{width:100%; padding-bottom:7px; margin-bottom:-7px;}
.artgroup_sogae_wrap.visiting .per_con_frame:before{top:50%;}
.artgroup_sogae_wrap.visiting .artgroup_pic_frame{background: url(../images/contents/artgroup6.jpg) center no-repeat; background-size:cover;}
.artgroup_sogae_wrap.visiting .under_line{font-weight:600;}

	/* 미디어쿼리 시작 */
	@media (min-width: 1651px){
		.artgroup_sogae_wrap.visiting .x_box_ul > li{flex: 1 0 auto;}
	}
    @media (max-width: 1650px){
    	.artgroup_sogae_wrap.visiting .x_box_ul > li{width: calc((100% / 4) - (30px / 4)); text-align: left;}
    }
    @media (max-width: 1600px){
    	.artgroup_sogae_wrap.visiting .table_type1{font-size:1.7rem;}
    }
    @media (max-width: 1570px){
    	.artgroup_sogae_wrap.visiting .x_box_ul > li{width: calc((100% / 3) - (20px / 3));}
    }
    @media (min-width: 1281px){
    	.artgroup_sogae_wrap.visiting .artgroup_txt_frame .title_zone .group_name .e_name span{margin-top: 8px; display: inline-block;}
    }
    @media (max-width: 1280px){
    	.artgroup_sogae_wrap.visiting .down_btn_list{margin-top:22px;}
    	.artgroup_sogae_wrap.visiting .down_btn_list > li{width: calc(100% / 2); min-width:auto;}
    	.artgroup_sogae_wrap.visiting .down_btn_list > li a.dbl_wrap{min-height: 70px; padding: 0 20px;}
    	.artgroup_sogae_wrap.visiting .down_btn_list > li a.dbl_wrap .dbl_txt .dbl_sub{margin-left: 10px; padding-left:10px;}
    	.artgroup_sogae_wrap.visiting .table_type1.pd_30 th, .artgroup_sogae_wrap.visiting .table_type1.pd_30 td{padding-left: 20px; padding-right:20px;}
    }
    @media (max-width: 1110px){
    	.artgroup_sogae_wrap.visiting .x_box_ul > li{width: calc((100% / 2) - (10px / 2)); padding:18px;}
    }
    @media (min-width:769px) and (max-width:1100px){
	    .artgroup_sogae_wrap.visiting .per_con_frame .per_con_swiper_wrap { width: calc(100% + 40px);  overflow: hidden;}
	}
    @media (max-width: 850px){
    	.artgroup_sogae_wrap.visiting .down_btn_list{flex-wrap:wrap;}
    	.artgroup_sogae_wrap.visiting .down_btn_list > li{width:100%; margin-bottom:10px;}
    	.artgroup_sogae_wrap.visiting .down_btn_list > li:last-child{margin-bottom:0;}
    }
    @media (max-width: 768px){
    	.artgroup_sogae_wrap.visiting .table_type1{font-size:1.6rem;}
    	.artgroup_sogae_wrap.visiting .table_one .w1{width:100%;}
    	.artgroup_sogae_wrap.visiting .table_one .w2{display:none; width:0;}
    	.artgroup_sogae_wrap.visiting .table_one .w3{display:none; width:0;}
    	.artgroup_sogae_wrap.visiting .table_one .w4{display:none; width:0;}
    	.artgroup_sogae_wrap.visiting .table_top_ul_custom{margin-bottom:13px;}
    }
    @media (max-width: 700px){
    	.artgroup_sogae_wrap.visiting .x_box_ul > li{width:100%;}
    }
    @media (max-width: 540px){
    	.artgroup_sogae_wrap.visiting .takepic_swiper .swiper-slide{width:100%; min-width: auto;}
    }
    @media (max-width: 500px){
    	.artgroup_sogae_wrap.visiting .down_btn_list > li a.dbl_wrap{min-height: 62px; padding: 16px 15px 13px 15px;}
    	.artgroup_sogae_wrap.visiting .down_btn_list > li a.dbl_wrap .dbl_txt .dbl_main{display: inline-block; width: 100%; font-size:1.7rem; margin-bottom:2px;}
    	.artgroup_sogae_wrap.visiting .down_btn_list > li a.dbl_wrap .dbl_txt .dbl_sub{font-size:1.4rem; padding-left:0; margin-left:0;}
    	.artgroup_sogae_wrap.visiting .down_btn_list > li a.dbl_wrap .dbl_txt .dbl_sub:before{display:none;}
    	.artgroup_sogae_wrap.visiting .x_box_ul > li{padding: 18px 13px; align-items: flex-start;}
    	.artgroup_sogae_wrap.visiting .x_box_ul > li i{margin-top:-2px;}
    	.artgroup_sogae_wrap.visiting .table_type1.pd_30 th, .artgroup_sogae_wrap.visiting .table_type1.pd_30 td{padding-left: 15px; padding-right: 15px;}
    }
    /* 미디어쿼리 끝 */
/* 울산시립예술단 - 찾아가는 예술단 끝 */


/* 회원안내 - 회원제 안내 시작 */
.artgroup_sogae_wrap.visiting.artclass .artgroup_pic_frame{background: url(../images/contents/artclass_top.jpg) center no-repeat; background-size: cover;}
/* 예술교육 - 교육소개 끝 */


/* 회원안내 - 회원제 안내 시작 */
.membership_wrap .table_wrap.ribbon_plus{position:relative;}
.membership_wrap .table_wrap.ribbon_plus:before{
    content: '';
    display: block;
    position: absolute;
    top: 1px;
    left: 0;
    width: 110px;
    height: 110px;
    background: url(../images/contents/table_ribbon.png) center no-repeat;
    background-size: contain;
    z-index: 1;
}
.membership_wrap table thead th{font-weight:600; color:black;}
.membership_wrap table tbody th{font-weight:500; color:black; background:none;}
.membership_wrap .membership_class_table{position:relative;}
.membership_wrap .membership_class_table:after{
	content: '';
    display: block;
    position: absolute;
    top: 1px;
    right: 0;
    width: calc((80% / 2) - 2px);
    height: calc(100% - 2px);
    border: 1px #8e8166 solid;
    border-top: none;
    pointer-events: none;
}
.membership_wrap .membership_class_table{min-width:390px;}
.membership_wrap .membership_class_table .w1{width:20%;}
.membership_wrap .membership_class_table th.grade{padding:20px 15px;}
.membership_wrap .membership_class_table th.grade span.wrap{display:inline-flex; flex-wrap:wrap; justify-content: center; align-items: center;}
.membership_wrap .membership_class_table th.grade span.b_g{font-size:2rem; display:inline-block; width:100%; position:relative; padding-top:78px; line-height:1; letter-spacing: -0.1rem; font-weight:700; color:#333;}
.membership_wrap .membership_class_table th.grade span.s_g{font-size: 1.6rem; display: inline-block; font-weight: 500; line-height: 1; margin-top:8px;}
.membership_wrap .membership_class_table th.grade.gold{background-color: #f9f7f4;}
.membership_wrap .membership_class_table th.grade.gold span.b_g:before{
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 50%;
    transform:translate(-50%,0);
    width: 65px;
    height: 65px;
    background: url(../images/contents/icon_gold_grade.png) center no-repeat;
    background-size: contain;
}
.membership_wrap .membership_class_table th.grade.gold span.s_g{color: #7a6841;}
.membership_wrap .membership_class_table th.grade.free span.b_g:before{
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 50%;
    transform:translate(-50%,0);
    width: 65px;
    height: 65px;
    background: url(../images/contents/icon_basic_grade.png) center no-repeat;
    background-size: contain;
}
.membership_wrap .membership_class_table th.grade.free span.s_g{color: #6f6f6f;}
.membership_wrap .txt_con_frame .alert_info{margin-top:13px;}
.membership_wrap .txt_con_frame .caution_info{margin-top:13px;}
.membership_money_table{min-width:430px;}
.membership_money_table .w1{width:20%;}
.membership_money_table tbody th{font-weight:500;}
.membership_join_table{min-width:320px;}
.membership_join_table .w1{width:25%;}
.membership_join_table a{word-break: break-word;}
.membership_pay_table .w1{width:25%;}
.welcome_zone{position: relative; padding-top: 196px; text-align: center;}
.welcome_zone .w_logo_zone{width: 100%; height: 280px; border-radius: 15px; position: absolute; top: 0; left: 0; overflow: hidden;}
.welcome_zone .w_logo_zone:before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/contents/welcome_zone_bg.jpg) center no-repeat;
    background-size: cover;
}
.welcome_zone .w_logo_zone .w_logo{position:absolute;top: calc(50% - 36px);left: 50%;transform: translate(-50%, -50%);display:inline-block;width: 150px;height: 90px;}
.welcome_zone .w_logo_zone .w_logo:before{
	content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 200%;
    height: 200%;
    border-radius: 50% 22% 40% 80%;
    filter: blur(50px);
    background: radial-gradient(circle at 50% 50%, #8b7e68, rgba(76, 0, 255, 0));
    mix-blend-mode: multiply;
    opacity: 0.7;
}
.welcome_zone .w_logo_zone .w_logo:after{
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width:100%;
    height:100%;
    background: url(../images/contents/welcome_zone_logo.svg) center no-repeat;
    background-size: cover;
}
.welcome_zone .w_goto_zone{width: calc(100% - 110px); min-height: 120px; border-radius: 15px; background-color: white; padding: 40px 0; z-index: 1; position: relative; margin: 0 auto; box-shadow: rgba(0, 0, 0, 0.05) 0px 15px 17px; display: inline-flex; align-items: center; justify-content: center;}
.welcome_zone .w_goto_zone > span{position:relative; font-weight: 500; color: #222; font-size: 2rem; letter-spacing: -0.025rem; padding-right:21px; margin-right:40px;}
.welcome_zone .w_goto_zone > span:before{
    content: '';
    display: block;
    position: absolute;
    top: 7px;
    right: 0;
    width: 1px;
    height: 15px;
    background-color: #dddddd;
}
.welcome_zone .w_goto_zone > span > strong{color: #1B2A49;}
.welcome_zone .w_goto_zone > a{display: inline-flex; justify-content: center; align-items: center; padding: 0 80px; background-color: #303030; color: white; border-radius: 5px; min-height: 50px; font-weight: 500;}

	/* 미디어쿼리 시작 */
	@media (max-width: 1280px){
		.membership_wrap .table_wrap.ribbon_plus:before{display:none;}
		.welcome_zone{padding-top:160px;}
		.welcome_zone .w_logo_zone{height:240px;}
		.welcome_zone .w_logo_zone .w_logo{width:130px; height:79px;}
		.welcome_zone .w_goto_zone{padding:25px 0; min-height:auto;}
		.welcome_zone .w_goto_zone > span{font-size:1.8rem; margin-right:20px;}
		.welcome_zone .w_goto_zone > a{min-height:48px; padding: 1px 60px 0px 60px;}
	}
	@media (max-width: 900px){
		.welcome_zone{padding-top:130px;}
		.welcome_zone .w_logo_zone{height:200px;}
		.welcome_zone .w_logo_zone .w_logo{top: calc(50% - 34px); width:110px; height:67px;}
		.welcome_zone .w_goto_zone{width: 90%; flex-wrap:wrap;}
		.welcome_zone .w_goto_zone > span{width: 100%; padding-right: 0; margin-right: 0; margin-bottom:12px; font-size: 1.7rem;}
		.welcome_zone .w_goto_zone > span:before{display:none;}
	}
	@media (max-width: 768px){
		.membership_wrap .membership_class_table th.grade span.b_g{font-size:1.8rem;}
		.membership_wrap .membership_class_table th.grade.gold span.b_g:before{width:57px; height:57px;}
		.membership_wrap .membership_class_table th.grade.free span.b_g:before{width:57px; height:57px;}
		.membership_wrap .membership_class_table th.grade span.b_g{padding-top:73px;}
		.membership_wrap .membership_class_table th.grade span.s_g{font-size:1.5rem;}
		.welcome_zone{padding-top:100px;}
		.welcome_zone .w_logo_zone{height:160px;}
		.welcome_zone .w_logo_zone .w_logo{width: 91px; height: 55px; top: calc(50% - 29px);}
		.welcome_zone .w_goto_zone{border-radius:10px;}
		.welcome_zone .w_goto_zone > span{font-size:1.6rem; margin-bottom: 10px;}
		.welcome_zone .w_goto_zone > a{min-height:45px; font-size:1.6rem;}
	}
	@media (max-width: 500px){
		.welcome_zone{padding-top:40px;}
		.welcome_zone .w_logo_zone{height:100px; border-radius:10px;}
		.welcome_zone .w_logo_zone .w_logo{display:none;}
		.welcome_zone .w_logo_zone .w_logo:before{display:none;}
		.welcome_zone .w_logo_zone .w_logo:after{display:none;}
		.welcome_zone .w_goto_zone{padding:25px 20px;}
		.welcome_zone .w_goto_zone > a{width:90%; max-width: 250px; padding-left:0; padding-right:0;}
		.membership_wrap .membership_class_table th.grade span.b_g{font-size:1.7rem;}
		.membership_wrap .membership_class_table th.grade.gold span.b_g:before{width:52px; height:52px;}
		.membership_wrap .membership_class_table th.grade.free span.b_g:before{width:52px; height:52px;}
		.membership_wrap .membership_class_table th.grade span.b_g{padding-top:68px;}
		.membership_wrap .membership_class_table th.grade span.s_g{font-size:1.4rem; margin-top: 6px;}
	}
	@media (max-width: 350px){
		.welcome_zone{padding-top: 25px;}
		.welcome_zone .w_goto_zone{padding: 25px 20px 20px 20px;}
		.membership_wrap .membership_class_table th.grade.gold span.b_g:before{width:50px; height:50px;}
		.membership_wrap .membership_class_table th.grade.free span.b_g:before{width:50px; height:50px;}
		.membership_wrap .membership_class_table th.grade span.b_g{padding-top:63px; font-size:1.7rem;}
		.membership_wrap .membership_class_table th.grade span.s_g{font-size:1.4rem; margin-top: 6px;}
	}
	/* 미디어쿼리 끝 */
/* 회원안내 - 회원제 안내 끝 */


/* 회원안내 - 포인트 안내 시작 */
.point_wrap .big_gray_box_list{position:relative; padding-top:10px;}
.point_wrap .big_gray_box_list:before{
	content: '';
    display: block;
    position: absolute;
    bottom: -128px;
    right: -60px;
    width: 165px;
    height: 234px;
    background: url(../images/contents/coin_deco.png) center no-repeat;
    background-size: cover;
}
.point_wrap .mt_c{margin-top:-10px;}
.big_gray_box_list{display:flex; gap:0 32px;}
.big_gray_box_list > li{width:calc(100% / 3); border:1px solid #e4e4e4;}
.big_gray_box_list > li .bgl_tit{height: 80px; background-color: #f7f6f6; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #e4e4e4;}
.big_gray_box_list > li .bgl_tit strong{display: block; line-height: 1; font-size: 2.1rem; color: #222; font-weight:600;}
.big_gray_box_list > li .bgl_con{padding:40px;}
.big_gray_box_list > li .bgl_con strong{font-weight:600; color:#d1005a; letter-spacing: -0.05rem;}

	/* 미디어쿼리 시작 */
	@media (max-width: 1280px){
		.point_wrap .big_gray_box_list:before{display:none;}
		.big_gray_box_list{gap:0 22px;}
		.big_gray_box_list > li .bgl_tit{height:70px;}
		.big_gray_box_list > li .bgl_con{padding:30px;}
		.big_gray_box_list > li .bgl_tit strong{font-size:1.9rem;}
	}
	@media (max-width: 1024px){
		.big_gray_box_list > li .bgl_tit{height:60px;}
		.big_gray_box_list > li .bgl_tit strong{font-size:1.8rem;}
		.big_gray_box_list > li .bgl_con{font-size:1.6rem; padding:25px;}
		.big_gray_box_list > li .txt_ul > li:before{top:9px;}
		.point_wrap .mt_c{margin-top:-5px;}
	}
	@media (max-width: 950px){
		.big_gray_box_list {gap: 0 18px;}
		.big_gray_box_list > li .bgl_tit{height:55px;}
		.big_gray_box_list > li .bgl_tit strong{font-size:1.7rem;}
		.big_gray_box_list > li .bgl_con{padding:20px;}
	}
	@media (max-width: 768px){
		.big_gray_box_list{flex-wrap:wrap; gap:0;}
		.big_gray_box_list > li{width:100%; margin-bottom:20px;}
		.big_gray_box_list > li:last-child{margin-bottom:0;}
		.big_gray_box_list > li .bgl_tit{height:50px; justify-content: flex-start; padding: 0 25px;}
		.big_gray_box_list > li .bgl_tit strong{font-size:1.7rem; padding-top:1px;}
		.big_gray_box_list > li .bgl_con{padding:25px;}
	}
	@media (max-width: 500px){
		.big_gray_box_list > li{margin-bottom:10px;}
		.big_gray_box_list > li .bgl_tit{padding:0 20px;}
		.big_gray_box_list > li .bgl_con{padding:20px;}
	}
	/* 미디어쿼리 끝 */
/* 회원안내 - 포인트 안내 끝*/


/* 회원안내 - 협약점 안내 시작*/
.partners_list_wrap .partners_list{display:flex; flex-wrap:wrap; gap: 30px 0;}
.partners_list_wrap .partners_list li{width: calc((100% / 3) - (50px / 3)); margin-right:25px; border: 1px solid #e4e4e4; border-radius: 16px; background-color: white; -webkit-box-shadow: 5px 6px 12.35px 0.65px rgba(24, 48, 88, 0.03); box-shadow: 5px 6px 12.35px 0.65px rgba(24, 48, 88, 0.03); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s;}
.partners_list_wrap .partners_list li button{display: flex; flex-wrap: wrap;  flex-direction: row; justify-content: flex-start;  align-items: flex-start;  width:100%; padding: 35px 30px; cursor: default;}
.partners_list_wrap .partners_list li .img_wrap{display: flex; flex-wrap: wrap; align-content: flex-start; width: 30%; padding-right: 5%;}
.partners_list_wrap .partners_list li .img_box{position:relative; display:inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width:100%; min-width:101px; border: 1px solid #e2e2e2; border-radius: 100%; overflow: hidden;}
.partners_list_wrap .partners_list li .img_box:before{
	content: '';
    display: block;
    position:relative;
    width: 100%;
    padding-top:100%;
}
.partners_list_wrap .partners_list li .img_box img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-width: calc(100% + 2px);}
.partners_list_wrap .partners_list li .bt_txt{display:block; width:100%;}
.partners_list_wrap .partners_list li .brand_txt{display: flex; flex-direction: column; width:70%; text-align:left; padding-left:20px; border-left: 1px #e9e9e9 dotted;}
.partners_list_wrap .partners_list li .brand_txt .tit{display:block; width:100%; font-size: 2.2rem; font-weight:600; color: #222; letter-spacing: -0.075rem; white-space: normal;}
.partners_list_wrap .partners_list li .brand_txt .tit .old{display: inline-block; font-weight:500; color: #424242;}
.partners_list_wrap .partners_list li .brand_txt .desc{width:100%; text-align:left;}
.partners_list_wrap .partners_list li .brand_txt .desc > span{width:100%;}
.partners_list_wrap .partners_list li .brand_txt .desc > span.desc_top{display: block; width:100%; margin:5px 0 0 0; font-size: 1.6rem; line-height: 1.4; letter-spacing: -0.025rem; word-break: unset; overflow-wrap: break-word; white-space: normal;}
.partners_list_wrap .partners_list li .brand_txt .desc > span.desc_bottom{width:100%; font-size:1.5rem; color:#818181; letter-spacing: -0.05rem; white-space: normal;}
.partners_list_wrap .partners_list li .brand_txt .desc > span.dash_span_wrap{width:100%; display:flex; flex-wrap:wrap;}
.partners_list_wrap .partners_list li .brand_txt .desc span.dash_span{display: flex; flex-wrap: wrap; align-items: flex-start; width: 100%; color: black; margin-bottom: 3px; font-size: 1.6rem; letter-spacing: -0.05rem;}
.partners_list_wrap .partners_list li .brand_txt .desc span.dash_span:first-child{margin-top:10px;}
.partners_list_wrap .partners_list li .brand_txt .desc span.dash_span:last-child{margin-bottom:0;}
.partners_list_wrap .partners_list li .brand_txt .desc span.dash_span strong{display: inline-block; align-items: center; width: 50px; font-weight: 600; position: relative;}
.partners_list_wrap .partners_list li .brand_txt .desc span.dash_span strong:before{
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 9px;
    transform: translateY(-50%);
    width: 1px;
    height: 11px;
    background-color:#e9e9e9;
}
.partners_list_wrap .partners_list li .brand_txt .desc  span.dash_span .in_s{width:calc(100% - 50px); display: inline; min-width: 0; word-break: keep-all; white-space: normal;}

	/* 미디어쿼리 시작 */
	@media (min-width: 1601px){
		.partners_list_wrap .partners_list li:nth-child(3n){margin-right:0;}
	}
	@media (min-width: 1025px) and (max-width: 1600px){
		.partners_list_wrap .partners_list li {width: calc((100% / 2) - (25px / 2));}
		.partners_list_wrap .partners_list li:nth-child(2n){margin-right:0;}
		.partners_list_wrap .partners_list li .img_wrap{padding-right:5%;}
		.partners_list_wrap .partners_list li .brand_txt{padding-left:25px;}
	}
	@media (min-width: 769px) and (max-width: 1024px){
		.partners_list_wrap .partners_list li{width: calc((100% / 3) - (30px / 3)); margin-right:15px;}
		.partners_list_wrap .partners_list li button{padding: 35px 11%;}
		.partners_list_wrap .partners_list li .img_wrap{width:100%; padding-right:0;}
		.partners_list_wrap .partners_list li .img_box{min-width: auto; max-width: 120px; margin: 0 auto;}
		.partners_list_wrap .partners_list li .brand_txt{width:100%; padding-left:0; border-left:none; padding-left:20px;}
		.partners_list_wrap .partners_list li .brand_txt .tit{font-size:2rem; line-height: 1.3; padding-bottom: 10px; border-bottom: 1px #e9e9e9 dotted; margin-bottom: 16px; margin-top: 10px; text-align: center;}
		.partners_list_wrap .partners_list li:nth-child(3n){margin-right:0;}
	}
	@media (min-width: 769px) and (max-width: 850px){
		.partners_list_wrap .partners_list li .img_box{max-width:100px;}
		.partners_list_wrap .partners_list li .brand_txt .desc span.dash_span{font-size:1.5rem;}
	}
	@media (max-width: 768px){
		.partners_list_wrap .partners_list li{width: 100%; margin-right:0px;}
		.partners_list_wrap .partners_list li .img_wrap{width: 30%; min-width: 140px;}
		.partners_list_wrap .partners_list li .brand_txt{width: 70%; max-width: calc(100% - 140px);}
		
	}
	@media (max-width: 500px){
		.partners_list_wrap .partners_list li .img_wrap{min-width: 120px;}
		.partners_list_wrap .partners_list li .brand_txt{max-width: calc(100% - 120px);}
		.partners_list_wrap .partners_list li .brand_txt .tit{font-size:2rem;}
	}
	@media (max-width: 450px){
		.partners_list_wrap .partners_list li button{padding: 35px 8%;}
		.partners_list_wrap .partners_list li .img_wrap{width:100%; padding-right:0;}
		.partners_list_wrap .partners_list li .img_box{min-width: auto; max-width: 130px; margin: 0 auto;}
		.partners_list_wrap .partners_list li .brand_txt{width:100%; padding-left:0; border-left:none;  max-width:none;}
		.partners_list_wrap .partners_list li .brand_txt .tit{text-align:center; margin-top:10px;}
		.partners_list_wrap .partners_list li .brand_txt .desc > span.desc_top{text-align:center;}
		.partners_list_wrap .partners_list li .brand_txt .desc > span.desc_bottom{display:block; text-align:center;}
		.partners_list_wrap .partners_list li .brand_txt .desc > span.dash_span_wrap{padding-top: 10px; border-top: 1px #e9e9e9 dotted; margin-top: 16px;}
		.partners_list_wrap .partners_list li .brand_txt .desc span.dash_span{font-size:1.6rem;}
	}
	/* 미디어쿼리 끝 */
/* 회원안내 - 협약점 안내 끝 */


/* 공간안내 - 좌석배치도 시작 */
.facility_sogae_wrap .seatmap_wrap{display: flex; border: 1px #e5e5e5 solid; border-top:1px black solid;}
.facility_sogae_wrap .imgmap_wrap{position: relative; width:50%; display: inline-block; background-color: #fafafa; padding:30px 0;}
.facility_sogae_wrap .imgmap_wrap .floor_wrap{display:flex; width: 100%; justify-content: space-between; padding: 0 3.8%;}
.facility_sogae_wrap .imgmap_wrap .floor_wrap .f_info{display:inline-flex; align-items: flex-end; padding-right: 4px;}
.facility_sogae_wrap .imgmap_wrap .floor_wrap .f_info i{
    position: relative;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    cursor: pointer;
    z-index: 3;
    border: 1px #b7b7b7 solid;
    margin-bottom: 1px;
    margin-right: 4px;
    }
.facility_sogae_wrap .imgmap_wrap .floor_wrap .f_info i:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background: rgb(0 46 174);
    border: 2px #ffffff solid;
    box-sizing: border-box;
    z-index: 3;
}
.facility_sogae_wrap .imgmap_wrap .floor_wrap .f_info > span{letter-spacing:-0.025rem; margin-left:2px;}
.facility_sogae_wrap .imgmap_wrap span.floor{display:inline-block; font-family: 'Tenor Sans';}
.facility_sogae_wrap .imgmap_wrap span.floor .fb{font-family: "Tenor Sans"; font-size: 8rem; font-style: italic; font-weight: 600; display: inline-block;}
.facility_sogae_wrap .imgmap_wrap span.floor .sb{position: relative; font-size: 2.1rem; letter-spacing: -0.075rem; font-style: italic; font-weight: 500; padding-left: 15px; margin-left: 20px;}
.facility_sogae_wrap .imgmap_wrap span.floor .sb:before{
	content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 1px;
    height: 18px;
    background-color: rgb(0 0 0 / 50%);
}
.facility_sogae_wrap .imgmap{position: relative; width:100%;}
.facility_sogae_wrap .imgmap img{width: 100%; height: auto; display: block;}
.facility_sogae_wrap .imgmap .marker{position: absolute; width: 14px; height: 14px; border-radius: 100%; cursor: pointer; transform: translate(-50%, -50%); z-index:3;}
.facility_sogae_wrap .imgmap .marker:before{
	content:'';
	display:block; 
	opacity:0.7; 
	position:absolute; 
	left: 0; 
	top: 0;  
	width:100%; 
	height:100%; 
	border-radius:50%; 
	background:#fff; 
	-webkit-transform: scale(2); 
	transform: scale(2); 
	-webkit-animation: ping2 1.3s ease-in-out infinite both; 
	animation: ping2 1.3s ease-in-out infinite both;
	z-index:2;
} 
.facility_sogae_wrap .imgmap .marker:after{
	content:'';
	display:block; 
	position:absolute; 
	left: 0; 
	top: 0;  
	width:100%; 
	height:100%; 
	border-radius:100%; 
	background: rgb(0 46 174);
    border: 2px #ffffff solid;
	box-sizing:border-box;
	z-index:3;
} 
.facility_sogae_wrap .imgmap .marker:hover:before{-webkit-animation: ping2 1.3s ease-in-out infinite both; animation: ping2 1.3s ease-in-out infinite both;} 
.facility_sogae_wrap .vrmap{width:50%; border-left: 1px #e5e5e5 solid;}
.facility_sogae_wrap .vrmap iframe{width:100%; height:100%;}
@-webkit-keyframes ping2 { 
 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.6; } 100% { -webkit-transform: scale(2); transform: scale(2); opacity: 0; } 
 } 
@keyframes ping2 { 
 0% { transform: scale(1); transform: scale(1); opacity: 0.6; } 100% { transform: scale(1.5); transform: scale(2); opacity: 0; } 
 } 

	/* 미디어쿼리 시작 */
	@media (min-width:1151px){
		.facility_sogae_wrap .imgmap_wrap span.floor .fb{margin-bottom:-10px;}
		.facility_sogae_wrap .seatmap_wrap.smallhall .imgmap_wrap .floor_wrap{padding-bottom: 21px;}/*소공연장*/
	}
	@media (min-width:769px){
		.facility_sogae_wrap .seatmap_wrap.smallhall .imgmap_wrap .floor_wrap{position:relative; padding-bottom: 16px; margin-bottom: 10px;}/*소공연장*/
		.facility_sogae_wrap .seatmap_wrap.smallhall .imgmap_wrap .floor_wrap:before{
			content:'';
			display:block; 
			position:absolute; 
			left: 50%; 
			bottom: -1px;  
			width:calc(100% - 7.6%); 
			height:1px; 
			transform:translate(-50%, 0);
			border-bottom: 1px dotted rgb(213, 213, 213);
		} 
	}	
	@media (min-width:1151px) and (max-width: 1770px){
		.facility_sogae_wrap .imgmap_wrap span.floor .fb{font-size:7.5rem;}
		.facility_sogae_wrap .imgmap_wrap span.floor .sb{margin-left:17px;}
	}
	@media (min-width:1151px) and (max-width: 1480px){
		.facility_sogae_wrap .imgmap_wrap span.floor .fb{font-size:6.2rem;}
		.facility_sogae_wrap .imgmap_wrap span.floor .sb{font-size:2rem;}
		.facility_sogae_wrap .imgmap_wrap span.floor .sb:before{height:16px;}
		.facility_sogae_wrap .imgmap_wrap .floor_wrap .f_info{font-size:1.5rem;}
		.facility_sogae_wrap .seatmap_wrap.smallhall .imgmap_wrap .floor_wrap{padding-bottom: 16px;}/*소공연장*/
	}
	@media (min-width:1151px) and (max-width: 1280px){
		.facility_sogae_wrap .imgmap_wrap span.floor .fb{font-size:5rem;}
		.facility_sogae_wrap .imgmap_wrap span.floor .sb{margin-left:12px; padding-left:10px;}
		.facility_sogae_wrap .imgmap_wrap .floor_wrap .f_info > span{letter-spacing: -0.05rem; margin-left: 1px;}
	}
    @media (max-width: 1150px){
    	.facility_sogae_wrap .seatmap_wrap{flex-wrap:wrap;}
    	.facility_sogae_wrap .imgmap_wrap{width:100%;}
    	.facility_sogae_wrap .vrmap{position:relative; width:100%; padding-top:80%;}
    	.facility_sogae_wrap .vrmap iframe{position:absolute; top:0; left:0;}
		.facility_sogae_wrap .imgmap_wrap span.floor .fb{font-size:6.2rem; margin-bottom:-3px;}
		.facility_sogae_wrap .imgmap_wrap span.floor .sb{font-size:2rem; margin-left:17px;}
		.facility_sogae_wrap .imgmap_wrap span.floor .sb:before{height:16px;}
		.facility_sogae_wrap .imgmap_wrap .floor_wrap{position:relative; margin-bottom: -10px; z-index:1;}
		.facility_sogae_wrap .imgmap_wrap .floor_wrap .f_info{font-size:1.5rem; padding-bottom:5px;}
    }
    @media (max-width: 768px){
    	.facility_sogae_wrap .imgmap_wrap .floor_wrap{flex-wrap:wrap;}
    	.facility_sogae_wrap .imgmap_wrap span.floor{width: 100%; margin-bottom:10px;}
		.facility_sogae_wrap .imgmap_wrap span.floor .fb{font-size:4.8rem;}
		.facility_sogae_wrap .imgmap_wrap span.floor .sb{margin-left:12px; padding-left:10px;}
		.facility_sogae_wrap .imgmap_wrap .floor_wrap{margin-bottom:0;}
		.facility_sogae_wrap .imgmap_wrap .floor_wrap .f_info{width: 100%; padding: 10px; border: 1px solid #e0e0e0; background-color: white; box-shadow: 0 3px 0 #f4f4f9; margin-bottom: 3px;}
		.facility_sogae_wrap .seatmap_wrap.smallhall .imgmap_wrap .floor_wrap .f_info{margin-bottom:10px;}/*소공연장*/
		.facility_sogae_wrap .imgmap_wrap .floor_wrap .f_info > span{letter-spacing: -0.05rem; margin-left: 1px;}
		.facility_sogae_wrap .imgmap_wrap .floor_wrap .f_info i{font-size:1.8rem;}
		.facility_sogae_wrap .imgmap_wrap{padding:21px 0;}
    }
    @media (max-width: 500px){
    	.facility_sogae_wrap .vrmap{padding-top:100%;}
    	.facility_sogae_wrap .imgmap_wrap span.floor .fb{font-size:4rem;}
    	.facility_sogae_wrap .imgmap_wrap span.floor .sb{font-size:1.7rem; margin-left:10px;}
    	.facility_sogae_wrap .imgmap_wrap span.floor .sb:before{height:13px;}
    	.facility_sogae_wrap .imgmap_wrap{padding:19px 0;}
    }
    @media (max-width: 350px){
    	.facility_sogae_wrap .imgmap_wrap span.floor .fb{font-size:3.3rem;}
    	.facility_sogae_wrap .imgmap_wrap span.floor .sb{font-size:1.6rem; margin-left:8px;}
    	.facility_sogae_wrap .imgmap_wrap span.floor .sb:before{height:12px;}
    	.facility_sogae_wrap .imgmap_wrap .floor_wrap .f_info{font-size:1.4rem;}
    	.facility_sogae_wrap .imgmap_wrap .floor_wrap .f_info i{font-size:1.6rem;}
    	.facility_sogae_wrap .imgmap_wrap{padding:17px 0;}
    }
	/* 미디어쿼리 끝 */
/* 공간안내 - 좌석배치도 끝 */


/* 대관안내 - 공연대관 시작 */
.place_rental_wrap .rental_cate_wrap{display:flex; gap:0 20px;}
.place_rental_wrap table.r_regular .w1{width:28%;}
.place_rental_wrap table.r_parttime .w1{width:28%;}
.place_rental_wrap table.rental_cate{position:relative; border-top:2px #3e3e3e solid;}
.place_rental_wrap table.rental_cate thead th.bb_plus{border-bottom: 1px solid #e3dfd7; background-color: #f9f7f4; color:black;}
.place_rental_wrap table.rental_cate thead th.bb_plus.two{background-color: #f4f4f9; border-bottom: 1px solid #dadae5;}
.place_rental_wrap table.rental_cate thead th.bb_plus span{font-size:2rem; font-weight:500; padding-top:2px;}
.place_rental_wrap table.rental_cate tbody th{font-weight:500;}
.place_rental_wrap table.rental_cate:before{
	content:'';
	display:block; 
	position:absolute; 
	left: 0; 
	top: 0;  
	width:1px; 
	height:100%; 
	background-color:#dfdfdf;
} 
.place_rental_wrap table.rental_cate:after{
	content:'';
	display:block; 
	position:absolute; 
	right: 0; 
	top: 0;  
	width:1px; 
	height:100%; 
	background-color:#dfdfdf;
} 
.place_rental_wrap .icon_mb{position: relative; bottom: -2px;}
.rental_process_wrap .rp_list{display:flex;}
.rental_process_wrap .rp_list > li{position: relative; width:calc((100% / 8) - (245px / 8)); margin-right:35px; text-align: center;}
.rental_process_wrap .rp_list > li:hover i.rpi_img{opacity:1;}
.rental_process_wrap .rp_list > li:hover span.rpi_name{color:black;}
.rental_process_wrap .rp_list > li i.rpi_img{display: block; max-width:60px; opacity: 0.12; transition: all .3s; margin:0 auto;}
.rental_process_wrap .rp_list > li i.rpi_img img{width:100%;}
.rental_process_wrap .rp_list > li span.rpi_name{display:inline-block; width:100%; text-align:center; color: #666; font-weight:500; font-size:1.7rem; letter-spacing: -0.075rem;}
.rental_process_wrap .rp_list > li > a{display:inline-block; width:100%; height:100%; text-align:center;}
.rental_process_wrap .rp_list > li span.align_center{display:inline-block;}
.rental_process_wrap .rp_list > li i.next{position:absolute; top: 50%; right: -35px; font-size: 2.8rem; opacity: 0.15; color: black; transform: translate(0, -50%);}
.rental_process_wrap .rp_list > li:last-child{margin-right:0;}
.rental_process_wrap .rp_list > li:last-child i.next{display:none;}
.rental_process_wrap .rp_bottom{margin-top:40px;}
.rental_process_wrap .rp_detail_list{display:flex; flex-wrap:wrap; gap:22px 0;}
.rental_process_wrap .rp_detail_list > li{position:relative;width:calc((100% /3) - (44px / 3));border: 1px solid #e9e9e9;padding: 50px;margin-right:22px;transition: border 0.3s;}
.rental_process_wrap .rp_detail_list > li.hover{border:1px black solid;}
.rental_process_wrap .rp_detail_list > li .step_item{min-height:200px; display:flex; flex-wrap:wrap; align-content: flex-start;}
.rental_process_wrap .rp_detail_list > li .step_item .step_item_top{display: flex; align-items: flex-start; justify-content: space-between; width:100%;}
.rental_process_wrap .rp_detail_list > li .step_item .step_item_top .step_icon .rpi_img{position:relative; display: inline-block; width:60px; margin-left: -10px; margin-top: -12px;}
.rental_process_wrap .rp_detail_list > li .step_item .step_item_top .step_icon .rpi_img img{width:100%;}
.rental_process_wrap .rp_detail_list > li .step_item .step_item_top .step_num{font-weight: 600;letter-spacing: -0.025rem;font-family: 'Tenor Sans';color: #aaafb7; transition:color 0.3s;}
.rental_process_wrap .rp_detail_list > li.hover .step_item .step_item_top .step_num{color: #7a6841;}
.rental_process_wrap .rp_detail_list > li .step_item .step_info{display:flex;flex-wrap: wrap;margin-top: 5px;}
.rental_process_wrap .rp_detail_list > li .step_item .step_info h3{font-size: 2.6rem;letter-spacing: -0.05rem;color: black;font-weight: 700;white-space: nowrap;width: 100%;border-bottom: 1px #c4c4c4 dotted;padding-bottom: 11px;}
.rental_process_wrap .rp_detail_list > li .step_item .step_info dl{position:relative;font-size:1.6rem;display:flex;flex-wrap:wrap;letter-spacing: -0.025rem;color:#222;padding-top: 4px;padding-left: 0;margin-top: 20px;}
/*
.rental_process_wrap .rp_detail_list > li .step_item .step_info dl:before{
	content:'';
	display:block; 
	position:absolute; 
	right: 0; 
	top: 0;  
	width:100%;; 
	height:100%; 
	background-color:#dfdfdf;
} 
*/
.rental_process_wrap .rp_detail_list > li .step_item .step_info dl dt{width:80px; font-weight:600; color:black; margin-bottom:12px; letter-spacing: -0.075rem;}
.rental_process_wrap .rp_detail_list > li .step_item .step_info dl dt.mb0{margin-bottom:0;}
.rental_process_wrap .rp_detail_list > li .step_item .step_info dl dd.dt_with{width:calc(100% - 80px);}
.rental_process_wrap .rp_detail_list > li .step_item .step_info dl dd{margin-bottom:12px;}
.rental_process_wrap .rp_detail_list > li .step_item .step_info dl dd.mb0{margin-bottom:0;}

/* 탭 */
.inner_tab_wrap{display: flex; align-items: center; flex-wrap:wrap; margin-bottom: 20px;}
.inner_tab_wrap .title{margin-bottom:0;}
.inner_tab_wrap .inner_tab_list{display:inline-flex; width:100%; margin-top: 15px; margin-left: 0; margin-bottom: 3px;}
.inner_tab_wrap .inner_tab_list > li{position:relative; padding:0 2rem; vertical-align:middle;}
.inner_tab_wrap .inner_tab_list > li:first-child{padding-left:0;}
.inner_tab_wrap .inner_tab_list > li:before{
    content:""; display:block; position:absolute; right:-1px; top:50%; width:5px; height:7px; margin-top:-3.5px; background:#c8a788; transform:rotate(0deg) skew(-40deg, 0deg);
}
.inner_tab_wrap .inner_tab_list > li:last-child:before{content:none;}
.inner_tab_wrap .inner_tab_list > li a{font-size:2.2rem; font-weight:500; color:#aaa;}
.inner_tab_wrap .inner_tab_list > li.active a{color:#1c356e; font-weight:700;}
.inner_tab_wrap .inner_tab_list_m{position:relative; width:100%; margin-top:10px;}
.inner_tab_wrap .inner_tab_list_m:before {
    content: "";
    position: absolute;
    top: calc(50% + 1px);
    right: 25px;
    transform: translate(0, -50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0px 6px;
    border-radius: 2px;
    border-color: #2a2a2b transparent transparent transparent;
    transition: 0.3s;
}
.inner_tab_wrap .inner_tab_list_m select{display: flex; align-items: center; width:100%; height:47px; padding:1px 45px 0 25px; border:2px #e0e0e0 solid; border-radius:25px; font-size: 1.7rem; font-weight: 600; color: #222;}
.retal_tab_table_wrap .table_type1.rct tbody th{background-color:white;}
.retal_tab_table_wrap .table_type1.rct .w1{width:20%;}
.retal_tab_table_wrap .table_type1.rct .w2{width:25%;}
.retal_tab_table_wrap .table_type1.rct .w3{width:55%;}

/**탭숨김설정**/
.inner_tab_wrap.hall_rental .inner_tab_list_m{display:none;}

/* 대관버튼 */
.fix_rental_apply_btn{position: sticky; bottom: 0; right: 0; margin-left: auto; width: 100%; display: inline-block; text-align: right; pointer-events: none;}
.fix_rental_apply_btn .btn_in{position: absolute;  right: 20px; bottom: 50px;display: inline-block; width:100px; height:100px; border-radius:100%; background: #837046; color: #fff; pointer-events: auto; box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 17px;}
.fix_rental_apply_btn .btn_in:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation-name: f_spin;
    animation-timing-function: linear; /* 일정 속도 */
    animation-duration: 10s; /* 10초 동안 회전 */
    animation-iteration-count: infinite;
    transform-origin: center center;
    width: 140%;
    height: 140%;
    background: url(../images/contents/button_deco_text.png) center no-repeat;
    background-size: contain;
    z-index: -1;
}

@keyframes f_spin {
    0%   { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}
.fix_rental_apply_btn .btn_in .bi_txt{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding-top:5px; letter-spacing:-0.025rem;}
.fix_rental_apply_btn .btn_in .bi_txt strong{display:inline-block; width:100%; margin-bottom:5px;}

	/* 미디어쿼리 시작 */
	@media (min-width: 1081px){
		.rental_process_wrap .rp_detail_list > li:nth-child(3n){margin-right:0;}
	}
	@media (max-width: 1600px){
		.rental_process_wrap .rp_list > li span.rpi_name{font-size:1.6rem;}
	}
	@media (max-width: 1480px){
		.rental_process_wrap .rp_top{margin-top:-10px;}
		.rental_process_wrap .rp_list{flex-wrap:wrap;}
		.rental_process_wrap .rp_list > li{width: calc((100% / 6) - (175px / 6)); max-height:52px;}
		.rental_process_wrap .rp_list > li > a{display:inline-flex; text-align:left;}
		.rental_process_wrap .rp_list > li i.rpi_img{width:55px; height:55px;}
		.rental_process_wrap .rp_list > li i.next{right:-5px; font-size:2.4rem;}
		.rental_process_wrap .rp_list > li span.align_center{display:inline-flex; align-items: center;}
		.rental_process_wrap .rp_list > li span.rpi_name{width:calc(100% - 55px); font-size:1.6rem; padding-top:2px;}
		.rental_process_wrap .rp_bottom{margin-top:20px;}
		.rental_process_wrap .rp_detail_list > li{padding:40px 40px 35px 40px;}
		.inner_tab_wrap .inner_tab_list{margin-top:12px; margin-bottom:0;}
	}
	@media (min-width:1401px) and (max-width: 1480px){
		.rental_process_wrap .rp_list > li:nth-child(6n){margin-right:0;}
	}
	@media (max-width: 1400px){
		.rental_process_wrap .rp_list > li{width: calc((100% / 5) - (140px / 5));}
	}
	@media (max-width: 1280px){
		.rental_process_wrap .rp_top{margin-top:-3px;}
		.rental_process_wrap .rp_detail_list > li .step_item .step_item_top .step_icon .rpi_img{width:55px;}
		.rental_process_wrap .rp_detail_list > li .step_item .step_info h3{font-size:2.4rem;}
		.rental_process_wrap .rp_detail_list > li .step_item .step_item_top .step_num{font-size:1.6rem;}
		.place_rental_wrap table.rental_cate{font-size:1.7rem;}
		.place_rental_wrap table.rental_cate thead th.bb_plus span{font-size:1.8rem;}
		.place_rental_wrap .rental_cate_wrap .table_wrap.rental1{width:60%;}
		.place_rental_wrap .rental_cate_wrap .table_wrap.rental2{width:40%;}
		.fix_rental_apply_btn{display:none;}
	}
	@media (min-width: 681px) and (max-width: 1080px){
		.rental_process_wrap .rp_detail_list > li{width: calc((100% / 2) - (22px / 2));}
		.rental_process_wrap .rp_detail_list > li:nth-child(2n){margin-right:0;}
	}
	@media (min-width:1025px) and (max-width: 1400px){
		.rental_process_wrap .rp_list > li:nth-child(5n){margin-right:0;}
		.rental_process_wrap .rp_list > li i.rpi_img{width:50px; height:50px;}
		.rental_process_wrap .rp_list > li span.rpi_name{width:calc(100% - 50px);}
	}
	@media (max-width: 1024px){
		.rental_process_wrap .rp_list > li{width: calc((100% / 4) - (75px / 4)); margin-right:25px;}
		.rental_process_wrap .rp_list > li:nth-child(4n){margin-right:0;}
		.rental_process_wrap .rp_list > li i.rpi_img{width:45px; height:45px;}
		.rental_process_wrap .rp_list > li span.rpi_name{width:calc(100% - 45px);}
		.place_rental_wrap .rental_cate_wrap{flex-wrap:wrap; gap:20px 0;}
		.place_rental_wrap .rental_cate_wrap .table_wrap.rental1{width:100%;}
		.place_rental_wrap .rental_cate_wrap .table_wrap.rental2{width:100%;}
		.place_rental_wrap table.rental_cate th{padding-top:13px; padding-bottom:13px;}
		.place_rental_wrap table.rental_cate td{padding-top:13px; padding-bottom:13px;}
		.inner_tab_wrap{margin-bottom: 18px;}
		/**탭숨김설정**/
		.inner_tab_wrap.hall_rental .inner_tab_list{display:none;}
		.inner_tab_wrap.hall_rental .inner_tab_list_m{display:block;}
	}
    @media (max-width: 768px){
		.rental_process_wrap .rp_top{display:none;}
		.rental_process_wrap .rp_detail_list > li .step_item .step_info h3{font-size:2.1rem;}
		.rental_process_wrap .rp_detail_list > li{padding: 35px 35px 30px 35px;}
		.rental_process_wrap .rp_detail_list > li .step_item .step_info dl{margin-top:15px;}
		.rental_process_wrap .rp_detail_list > li .step_item .step_item_top .step_num{margin-top:-5px; font-size:1.5rem;}
		.rental_process_wrap .rp_detail_list > li .step_item .step_item_top .step_icon .rpi_img{width:50px;}
		.place_rental_wrap table.rental_cate{font-size:1.6rem;}
		.place_rental_wrap table.rental_cate thead th.bb_plus span{font-size:1.7rem;}
		.inner_tab_wrap{margin-bottom: 15px;}
		.inner_tab_wrap .inner_tab_list{margin-top:10px;}
		.inner_tab_wrap .inner_tab_list > li a{font-size:2rem;}
		.inner_tab_wrap .inner_tab_list_m{margin-top:7px;}
    }
    @media (max-width: 680px){
    	.rental_process_wrap .rp_detail_list > li{width:100%; margin-right:0; padding:35px;}
    	.rental_process_wrap .rp_detail_list > li .step_item{min-height:auto;}
    }
    @media (max-width: 500px){
    	.rental_process_wrap .rp_detail_list{gap:15px 0;}
    	.rental_process_wrap .rp_detail_list > li{padding:27px;}
    	.rental_process_wrap .rp_detail_list > li .step_item .step_info{margin-top:0;}
    	.rental_process_wrap .rp_detail_list > li .step_item .step_info h3{font-size:2rem;}
    	.rental_process_wrap .rp_detail_list > li .step_item .step_info dl{font-size:1.5rem;}
    	.rental_process_wrap .rp_detail_list > li .step_item .step_item_top .step_num{font-size:1.4rem;}
    	.place_rental_wrap .rental_cate_wrap{gap:10px 0;}
    	.place_rental_wrap table.rental_cate{font-size:1.5rem;}
    	.place_rental_wrap table.rental_cate thead th.bb_plus span{font-size:1.6rem;}
		.place_rental_wrap table.rental_cate th{padding-top:10px; padding-bottom:10px;}
		.place_rental_wrap table.rental_cate td{padding-top:10px; padding-bottom:10px;}
		.inner_tab_wrap{margin-bottom: 12px;}
		.inner_tab_wrap .inner_tab_list > li{padding: 0 1.5rem;}
		.inner_tab_wrap .inner_tab_list > li a{font-size:1.9rem;}
    }
    @media (max-width: 350px){
    	.rental_process_wrap .rp_detail_list{gap:17px 0;}
    	.rental_process_wrap .rp_detail_list > li .step_item .step_item_top .step_icon .rpi_img{width:45px; margin-left: -8px; margin-top: -10px;}
    	.rental_process_wrap .rp_detail_list > li .step_item .step_info h3{font-size:1.9rem; padding-bottom:10px;}
    	.rental_process_wrap .rp_detail_list > li .step_item .step_info dl{padding-top:0;}
    	.rental_process_wrap .rp_bottom{margin-top:0;}
    	.inner_tab_wrap .inner_tab_list > li a{font-size:1.7rem;}
    }
	/* 미디어쿼리 끝 */
/* 대관안내 - 공연대관 끝 */


/* 대관안내 - 전시대관 시작 */
.retal_tab_table_wrap .table_type1.rct2 tbody th{background-color:white;}
.retal_tab_table_wrap .table_type1.rct2 .w1{width:25%; min-width: 100px;}

	/* 미디어쿼리 시작 */
    @media (min-width: 1401px){
    	.rental_process_wrap .rp_list.six_custom > li{width: calc((100% / 6) - (175px / 6));}
    }
	@media (min-width:1281px) and (max-width: 1400px){
		.rental_process_wrap .rp_list.six_custom > li{width: calc((100% / 6) - (175px / 6));}
		.rental_process_wrap .rp_list.six_custom > li:nth-child(5n){margin-right: 35px;}
	}
	@media (max-width: 1280px){
		.rental_process_wrap .rp_list.six_custom > li{width: calc((100% / 4) - (75px / 4)); margin-right:25px;}
		.rental_process_wrap .rp_list.six_custom > li:nth-child(4n){margin-right:0;}
	}
    /* 미디어쿼리 끝 */
/* 대관안내 - 전시대관 끝*/


/* 대관안내 - 연습 및 회의실 대관 시작 */
.place_rental_wrap .x_box_ul{display:flex; flex-wrap:wrap; gap:10px;}
.place_rental_wrap .x_box_ul > li{display:inline-flex; align-items: center; justify-content: flex-start; min-width: calc((100% / 2) - 10px); padding:20px 25px; border: 1px solid #e9e9e9; letter-spacing: -0.05rem;}
.place_rental_wrap .x_box_ul > li i{font-size: 2.5rem; margin-right: 6px;}
.place_rental_wrap .x_box_ul.happy > li i{color:rgb(135 118 78);}
.proom_table1{min-width:480px;}
.proom_table2{min-width:480px;}

	/* 미디어쿼리 시작 */
    @media (max-width: 1110px){
    	.place_rental_wrap .x_box_ul > li{padding:18px;}
    }
    @media (max-width: 1080px){
    	.place_rental_wrap .x_box_ul > li{width:100%;}
    }
    @media (max-width: 500px){
    	.place_rental_wrap .x_box_ul > li{padding: 18px 13px; align-items: flex-start;}
    	.place_rental_wrap .x_box_ul > li i {margin-top: -2px;}
    }
	/* 미디어쿼리 끝 */
/* 대관안내 - 연습 및 회의실 대관 끝 */


/* 대관안내 - 대관사용료 시작 */
.place_rental_wrap .table_type1.prm tbody th{background-color:white;}
.place_rental_wrap .prm .small_ul .in_ul{margin-top:7px;}
.place_rental_wrap .prm .small_ul .in_ul li{font-size:1.6rem; margin-bottom:4px; color: #7a6841;}
.place_rental_wrap .prm .small_ul .in_ul li:last-child{margin-bottom:0;}
.place_rental_wrap .won_wrap{position:relative; text-align: right; margin-top: 5px;}
.place_rental_wrap .won_wrap span{position: absolute; top: 0; right: 0; font-size: 1.6rem; font-weight: 500; letter-spacing: -0.1rem; color: #394358;}
/**개별설정**/
.place_rental_wrap .place_rental_money_table1{min-width:950px;}
.place_rental_wrap .place_rental_money_table1 .rmt_w1{width:15%;}
.place_rental_wrap .place_rental_money_table1 .rmt_w2{width:10%;}
.place_rental_wrap .place_rental_money_table1 .rmt_w3{width:10%;}
.place_rental_wrap .place_rental_money_table1 .rmt_w4{width:15%;}
.place_rental_wrap .place_rental_money_table1 .rmt_w5{width:15%;}
.place_rental_wrap .place_rental_money_table1 .rmt_w6{width:35%;}
.place_rental_wrap .place_rental_money_table2{min-width:950px;}
.place_rental_wrap .place_rental_money_table2 .rmt_w1{width:15%;}
.place_rental_wrap .place_rental_money_table2 .rmt_w2{width:15%;}
.place_rental_wrap .place_rental_money_table2 .rmt_w3{width:20%;}
.place_rental_wrap .place_rental_money_table2 .rmt_w4{width:20%;}
.place_rental_wrap .place_rental_money_table2 .rmt_w5{width:30%;}
.place_rental_wrap .place_rental_money_table3{min-width:540px;}
.place_rental_wrap .place_rental_money_table3 .rmt_w1{width:15%;}
.place_rental_wrap .place_rental_money_table3 .rmt_w2{width:20%;}
.place_rental_wrap .place_rental_money_table3 .rmt_w3{width:20%;}
.place_rental_wrap .place_rental_money_table4{min-width:550px;}
.place_rental_wrap .thing_rental_money_table1{min-width:560px;}
.place_rental_wrap .thing_rental_money_table1 .rmt_w1{width:20%;}
.place_rental_wrap .thing_rental_money_table1 .rmt_w2{width:15%;}
.place_rental_wrap .thing_rental_money_table1 .rmt_w3{width:15%;}
.place_rental_wrap .thing_rental_money_table1 .rmt_w4{width:20%;}
.place_rental_wrap .thing_rental_money_table2{min-width:560px;}
.place_rental_wrap .thing_rental_money_table2 .rmt_w1{width:20%;}
.place_rental_wrap .thing_rental_money_table2 .rmt_w2{width:15%;}
.place_rental_wrap .thing_rental_money_table2 .rmt_w3{width:15%;}
.place_rental_wrap .thing_rental_money_table2 .rmt_w4{width:20%;}
.place_rental_wrap .thing_rental_money_table3{min-width:560px;}
.place_rental_wrap .thing_rental_money_table3 .rmt_w1{width:20%;}
.place_rental_wrap .thing_rental_money_table3 .rmt_w2{width:25%;}
.place_rental_wrap .thing_rental_money_table3 .rmt_w3{width:15%;}
.place_rental_wrap .thing_rental_money_table3 .rmt_w4{width:15%;}
.place_rental_wrap .thing_rental_money_table4{min-width:560px;}
.place_rental_wrap .thing_rental_money_table4 .rmt_w1{width:20%;}
.place_rental_wrap .thing_rental_money_table4 .rmt_w2{width:15%;}
.place_rental_wrap .thing_rental_money_table4 .rmt_w3{width:15%;}
.place_rental_wrap .thing_rental_money_table4 .rmt_w4{width:20%;}
.place_rental_wrap .thing_rental_money_table5{min-width:630px;}
.place_rental_wrap .thing_rental_money_table5 .rmt_w1{width:20%;}
.place_rental_wrap .thing_rental_money_table5 .rmt_w2{width:15%;}
.place_rental_wrap .thing_rental_money_table5 .rmt_w3{width:15%;}
.place_rental_wrap .thing_rental_money_table5 .rmt_w4{width:20%;}
.place_rental_wrap .thing_rental_money_table6{min-width:610px;}
.place_rental_wrap .thing_rental_money_table6 .rmt_w1{width:25%;}
.place_rental_wrap .thing_rental_money_table6 .rmt_w2{width:15%;}
.place_rental_wrap .thing_rental_money_table6 .rmt_w3{width:15%;}
.place_rental_wrap .thing_rental_money_table6 .rmt_w4{width:20%;}
.place_rental_wrap .etc_rental_money_table1{min-width:410px;}
.place_rental_wrap .etc_rental_money_table1 .rmt_w1{width:25%;}
.place_rental_wrap .etc_rental_money_table1 .rmt_w2{width:20%;}
.place_rental_wrap .etc_rental_money_table1 .rmt_w3{width:20%;}
.place_rental_wrap .etc_rental_money_table2{min-width:500px;}
.place_rental_wrap .etc_rental_money_table2 .rmt_w1{width:20%;}
.place_rental_wrap .etc_rental_money_table2 .rmt_w2{width:20%;}
.place_rental_wrap .etc_rental_money_table2 .rmt_w3{width:15%;}
.place_rental_wrap .etc_rental_money_table2 .rmt_w4{width:15%;}
.place_rental_wrap .etc_rental_money_table3{min-width:410px;}
.place_rental_wrap .etc_rental_money_table3 .rmt_w1{width:25%;}
.place_rental_wrap .etc_rental_money_table3 .rmt_w2{width:20%;}
.place_rental_wrap .etc_rental_money_table3 .rmt_w3{width:20%;}
.place_rental_wrap .small_ul.pl0{padding-left:0;}

/**탭숨김설정**/
.inner_tab_wrap.place_rental_money .inner_tab_list_m{display:none;}

	/* 미디어쿼리 시작 */
    @media (max-width: 1280px){
    	.place_rental_wrap .prm .small_ul .in_ul li{font-size:1.5rem;}
    }
    @media (max-width: 1024px){
    	.place_rental_wrap .won_wrap span{font-size: 1.5rem;}
		/**탭숨김설정**/
		.inner_tab_wrap.place_rental_money .inner_tab_list{display:none;}
		.inner_tab_wrap.place_rental_money .inner_tab_list_m{display:block;}
    }
    @media (max-width: 768px){
    	.place_rental_wrap .place_rental_money_table1{min-width:810px;}
    	.place_rental_wrap .place_rental_money_table2{min-width:620px;}
    	.place_rental_wrap .place_rental_money_table4 .rmt_w5{width:180px;}
    }
    @media (max-width: 500px){
    	.place_rental_wrap .prm .small_ul .in_ul li{font-size:1.4rem;}
    	.place_rental_wrap .prm .small_ul .in_ul{margin-top:5px;}
    	.place_rental_wrap .place_rental_money_table1{min-width:700px;}
    	.place_rental_wrap .place_rental_money_table2{min-width:600px;}
		.place_rental_wrap .place_rental_money_table3{min-width:390px;}
		.place_rental_wrap .place_rental_money_table3 .rmt_w1{width:20%;}
		.place_rental_wrap .place_rental_money_table3 .rmt_w2{width:20%;}
		.place_rental_wrap .place_rental_money_table3 .rmt_w3{width:20%;}
    	
    }
	/* 미디어쿼리 끝 */
/* 대관안내 - 대관사용료 끝*/


/* 대관안내 - 대관규정 시작 */
.rental_rule_wrap .mtc{margin-top:15px;}

	/* 미디어쿼리 시작 */
    @media (max-width: 768px){
    	.rental_rule_wrap .mtc{margin-top:10px;}
    }
	/* 미디어쿼리 끝 */
/* 대관안내 - 대관규정 끝 */


/* 대관규정 - 시작 */
.rental_rule_wrap .t_bold{font-weight:500; color:#353535; letter-spacing:-0.05rem;}
.rental_rule_wrap .txt_ul li.big .t_bold{color:black;}
.rental_rule_wrap .t_black{color:black;}
.rental_rule_wrap .t_point_color{color:#182135;}
.rental_rule_wrap .t_small_etc{margin-top: 3px; display: inline-block;}
.rental_rule_wrap .small_mb_t{margin-bottom:40px;}
.rental_rule_wrap .txt_ul li.big .in_ul{margin-bottom:25px; margin-top:8px;}
.rental_rule_wrap .s_title{letter-spacing:-0.075rem; margin-bottom:10px;}
.rental_rule_wrap .table_type1 tbody th{background-color:white;}
.rental_rule_wrap .rental_rule_table2{min-width:600px;}
.rental_rule_wrap .rental_rule_table3{min-width:400px;}
.rental_rule_wrap .rental_rule_table4{min-width:450px;}
.ticket_sample{position:relative; width:100%; padding: 90px 40px 30px 40px; background-color: #ffffff; border: 1px #e9e9e9 solid; box-shadow: 0 3px 0 #f4f4f9; margin: 30px 0;}
.ticket_sample .ts_title{position:absolute; top:0; left:0; width:100%; background-color:#444444; color:white; padding:15px 20px 13px 20px; letter-spacing:-0.05rem; box-shadow:0 3px 0 #f4f4f9; font-size:1.7rem; font-weight:500; margin-bottom:30px;}
.ticket_sample .ticket_this{margin-bottom:10px; font-weight:600; margin-left:0 !important;}
.ticket_sample .ticket_front,
.ticket_sample .ticket_rear{display:flex; width:100%; border:1px solid #ccc; padding:0; box-sizing:border-box; margin-bottom:20px;}
.ticket_sample .ticket_rear{padding:25px; box-sizing:border-box;}
.ticket_sample .ticket_rear .rear_paper > p{margin-bottom:5px;}
.ticket_sample .ticket_rear .rear_paper > p:first-child{margin-top:10px;}
.ticket_sample .ticket_rear .rear_paper > p:last-child{margin-bottom:0;}
.ticket_sample .ticket_rear .rear_paper .small_ul{padding-left:0; margin-top:15px;}
.ticket_sample .ticket_rear .rear_paper .small_ul .num_frame .number{font-weight:400; color:#444;}
.ticket_sample .ticket_rear .rear_paper .small_ul .num_frame .num_span{color:#444;}
.ticket_sample .ticket_rear .rear_paper .small_ul li:last-child{margin-bottom:0;}
.ticket_sample .ticket_front .front_left{width:50%; box-sizing:border-box; padding:20px 15px; border-right:1px dashed #ccc; display:inline-block;}
.ticket_sample .ticket_front .front_left p,
.ticket_sample .ticket_front .front_right p{padding:3px 0;}
.ticket_sample .ticket_front .front_left p span{display:inline-block; width:50px;}
.ticket_sample .ticket_front .front_left p.blank span{width:98px;}
.ticket_sample .ticket_front .front_right {width:50%; box-sizing:border-box; display:inline-block; padding:20px 15px;}
.rental_rule_wrap .down_btn_list{display:flex; gap:0 15px;}
.rental_rule_wrap .down_btn_list > li{width:calc(100% / 3); min-width:400px;}
.rental_rule_wrap .down_btn_list > li a.dbl_wrap{display:inline-flex; justify-content: space-between; align-items: center; width:100%; min-height:75px; padding:0 30px; letter-spacing:-0.075rem; border: 2px #202020 solid; background-color: white; box-shadow: 0 3px 0 rgb(35 31 32 / 10%); transition:0.3s;}
.rental_rule_wrap .down_btn_list > li a.dbl_wrap .dbl_txt .dbl_main{font-weight:600; font-size:1.8rem;}
.rental_rule_wrap .down_btn_list > li a.dbl_wrap .dbl_txt .dbl_sub{position:relative; margin-left:11px; font-size:1.6rem; font-weight: 500; color: #494949; transition:0.3s; padding-left:12px;}
.rental_rule_wrap .down_btn_list > li a.dbl_wrap .dbl_txt .dbl_sub:before{
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 1px;
    height: 14px;
    opacity: 0.3;
    background-color: black;
    transition:0.3s;
}
.rental_rule_wrap .down_btn_list > li a.dbl_wrap i{font-size: 3rem; transition:0.3s;}
.rental_rule_wrap .down_btn_list > li a.dbl_wrap:hover{border: 2px #202020 solid; color: white; background-color: #202020;}
.rental_rule_wrap .down_btn_list > li a.dbl_wrap:hover .dbl_txt .dbl_sub{color: #c1c1c1;}
.rental_rule_wrap .down_btn_list > li a.dbl_wrap:hover i{color:white;}
.rental_rule_wrap .down_btn_list > li a.dbl_wrap:hover .dbl_txt .dbl_sub:before {background-color:white;}

	/* 미디어쿼리 시작 */
	@media (min-width: 1501px){
		.rental_rule_wrap .txt_con_frame .txt_in{margin-bottom: 70px;}
	}
	@media (min-width: 1025px){
		.rental_rule_wrap .s_title{padding-left: 28px;}
	}
	@media (min-width: 1281px){
		.rental_rule_wrap .txt_con_frame .in_gray_box{margin-bottom:40px;}
	}
	@media (max-width: 1280px){
		.rental_rule_wrap .txt_ul li.big .in_ul{margin-top: 5px; margin-bottom: 15px;}
		.rental_rule_wrap .txt_con_frame .caution_info{margin-top:3px;}
		.ticket_sample{padding: 80px 35px 15px 35px;}
		.ticket_sample .ts_title{padding: 13px 20px 11px 20px;}
		.ticket_sample .ticket_rear .rear_paper .small_ul{margin-top:10px;}
    	.rental_rule_wrap .down_btn_list > li{width: calc(100% / 2); min-width:auto;}
    	.rental_rule_wrap .down_btn_list > li a.dbl_wrap{min-height: 70px; padding: 0 20px;}
    	.rental_rule_wrap .down_btn_list > li a.dbl_wrap .dbl_txt .dbl_sub{margin-left: 10px; padding-left:10px;}
	}
	@media (max-width: 1024px){
		.rental_rule_wrap .txt_con_frame .in_gray_box{margin-bottom:30px;}
	}
	@media (max-width: 860px){
		.ticket_sample .ticket_front .front_left p.blank{display:flex;}
    	.rental_rule_wrap .down_btn_list{flex-wrap:wrap;}
    	.rental_rule_wrap .down_btn_list > li{width:100%; margin-bottom:10px;}
    	.rental_rule_wrap .down_btn_list > li:last-child{margin-bottom:0;}
	}
	@media (max-width: 768px){
		.rental_rule_wrap .s_title{font-size:2.1rem;}
		.ticket_sample{padding: 70px 25px 5px 25px; font-size: 1.6rem;}
		.ticket_sample .ts_title{font-size:1.6rem;}
		.ticket_sample .ticket_rear{padding: 20px;}
	}
    @media (max-width: 500px){
    	.rental_rule_wrap .s_title{font-size:1.9rem;}
    	.rental_rule_wrap .s_title:before {
	    	top: 9px;
	        width: 6px;
	        height: 8px;
        }
    	.rental_rule_wrap .small_mb_t{margin-bottom:25px;}
    	.ticket_sample{padding: 60px 20px 0px 20px; font-size: 1.5rem;}
    	.ticket_sample .ts_title{padding: 11px 15px 9px 15px; font-size: 1.5rem;}
    	.ticket_sample .ticket_rear{padding:15px 20px;}
    	.ticket_sample .ticket_front .front_left{padding: 10px 10px;}
    	.ticket_sample .ticket_front .front_right{padding: 10px 10px;}
    	.rental_rule_wrap .down_btn_list > li a.dbl_wrap{min-height: 62px; padding: 16px 15px 13px 15px;}
    	.rental_rule_wrap .down_btn_list > li a.dbl_wrap .dbl_txt .dbl_main{display: inline-block; width: 100%; font-size:1.7rem; margin-bottom:2px;}
    	.rental_rule_wrap .down_btn_list > li a.dbl_wrap .dbl_txt .dbl_sub{font-size:1.4rem; padding-left:0; margin-left:0;}
    	.rental_rule_wrap .down_btn_list > li a.dbl_wrap .dbl_txt .dbl_sub:before{display:none;}
    }
    @media (max-width: 380px){
    	.ticket_sample .ticket_front{font-size: 1.4rem;}
    	.ticket_sample .ticket_front .front_left{width:57%;}
    	.rental_rule_wrap .m_scroll_info{padding: 8px 9px;}
    	.rental_rule_wrap .m_scroll_info span{padding-left: 25px;}
    	.rental_rule_wrap .m_scroll_info span > i{font-size: 2.2rem;}
    }
	/* 미디어쿼리 끝 */
/* 대관규정 - 끝 */


/* 대관신청 - 시작 */
.rental_apply_wrap .down_btn_list{display:flex; flex-wrap:wrap; gap:15px; margin-top:25px;}
.rental_apply_wrap .down_btn_list > li{width:calc((100% / 3) - (30px / 3)); min-width:400px;}
.rental_apply_wrap .down_btn_list > li a.dbl_wrap{display:inline-flex; justify-content: space-between; align-items: center; width:100%; min-height:75px; padding:0 30px; letter-spacing:-0.075rem; border: 2px #c8c7c5 solid; background-color: white; box-shadow: 0 3px 0 rgb(35 31 32 / 5%); transition:0.3s;}
.rental_apply_wrap .down_btn_list > li a.dbl_wrap .dbl_txt .dbl_main{font-weight:600; font-size:1.8rem;}
.rental_apply_wrap .down_btn_list > li a.dbl_wrap .dbl_txt .dbl_sub{position:relative; margin-left:11px; font-size:1.6rem; font-weight: 500; color: #494949; transition:0.3s; padding-left:12px;}
.rental_apply_wrap .down_btn_list > li a.dbl_wrap .dbl_txt .dbl_sub:before{
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 1px;
    height: 14px;
    opacity: 0.3;
    background-color: black;
    transition:0.3s;
}
.rental_apply_wrap .down_btn_list > li a.dbl_wrap i{font-size: 3rem; transition:0.3s;}
.rental_apply_wrap .down_btn_list > li a.dbl_wrap:hover{border: 2px #202020 solid; color: white; background-color: #202020;}
.rental_apply_wrap .down_btn_list > li a.dbl_wrap:hover .dbl_txt .dbl_sub{color: #c1c1c1;}
.rental_apply_wrap .down_btn_list > li a.dbl_wrap:hover i{color:white;}
.rental_apply_wrap .down_btn_list > li a.dbl_wrap:hover .dbl_txt .dbl_sub:before {background-color:white;}

	/* 미디어쿼리 시작 */
	@media (max-width: 1400px){
    	.rental_apply_wrap .down_btn_list{margin-top:20px;}
    	.rental_apply_wrap .down_btn_list > li{width:calc((100% / 2) - (15px / 2)); min-width:auto;}
    	.rental_apply_wrap .down_btn_list > li a.dbl_wrap{min-height: 70px; padding: 0 20px;}
    	.rental_apply_wrap .down_btn_list > li a.dbl_wrap .dbl_txt .dbl_sub{margin-left: 10px; padding-left:10px;}
	}
    @media (max-width: 1280px){
    	.rental_apply_wrap .table_type1.pd_30 th, .artgroup_sogae_wrap.visiting .table_type1.pd_30 td{padding-left: 20px; padding-right:20px;}
    }
    @media (max-width: 768px){
    	.rental_apply_wrap .down_btn_list{flex-wrap:wrap; margin-top:18px; gap:8px;}
    	.rental_apply_wrap .down_btn_list > li{width:100%;}
    	.rental_apply_wrap .down_btn_list > li a.dbl_wrap{min-height: 65px;}
    	.rental_apply_wrap .down_btn_list > li a.dbl_wrap i{font-size:2.7rem;}
    }
    @media (max-width: 500px){
    	.rental_apply_wrap .down_btn_list > li a.dbl_wrap .dbl_txt{padding-top:1px;}
    	.rental_apply_wrap .down_btn_list > li a.dbl_wrap .dbl_txt .dbl_main{font-size: 1.7rem;}
    }
    @media (max-width: 350px){
    	.rental_apply_wrap .down_btn_list > li a.dbl_wrap{min-height: 60px; padding: 0 15px 0 15px;}
    	.rental_apply_wrap .down_btn_list > li a.dbl_wrap .dbl_txt .dbl_main{ font-size:1.6rem;}
    	.rental_apply_wrap .down_btn_list > li a.dbl_wrap .dbl_txt .dbl_sub{font-size:1.4rem;}
    }
    /* 미디어쿼리 끝 */
/* 대관신청 - 끝 */


/* 회원서비스 이용약관 시작 */
	.member_term_wrap .txt_ul li.big .t_bold {color: black; font-weight: 500; letter-spacing: -0.05rem;}
	/* 미디어쿼리 시작 */
    @media (max-width: 350px){
    	.member_term_wrap .small_ul{padding-left:0;}
    }
    /* 미디어쿼리 끝 */
/* 이메일무단수집거부 끝*/


/* 이메일무단수집거부 시작 */
.email_wrap .email_caution_wrap{text-align: center;}
.email_wrap .email_caution_wrap i{font-size: 10rem;}
.email_wrap .email_caution_wrap .mail_icon{display:inline-block; margin:0 auto; width:85px; height:85px; background: url(../images/contents/icon_mailterm.svg) center no-repeat; background-size: contain;}
.email_wrap .email_caution_wrap h3{margin: 20px 0 25px 0; font-size: 3.4rem; font-weight: 700; letter-spacing:-0.15rem;}
.email_wrap .email_caution_wrap p {font-size: 1.8rem;line-height: 1.5; font-weight:400;}
.email_wrap .in_gray_box{border: 1px #919191 solid; padding: 70px 10% 70px 10%; box-shadow: rgba(0, 0, 0, 0.08) 0px 15px 17px; margin-top:10px; transition: 0.3s;}

	/* 미디어쿼리 시작 */
    @media (max-width: 1280px){
		.email_wrap .email_caution_wrap h3{font-size: 3rem; margin: 15px 0 18px 0;}
		.email_wrap .email_caution_wrap p br{display:none;}
		.email_wrap .email_caution_wrap .mail_icon{width:75px; height:75px;}
    }
    @media (max-width: 768px){
    	.email_wrap .in_gray_box{padding:55px 10% 55px 10%;}
		.email_wrap .email_caution_wrap h3{font-size: 2.8rem;}
		.email_wrap .email_caution_wrap p {font-size: 1.7rem;}
		.email_wrap .email_caution_wrap p br{display:block;}
		.email_wrap .email_caution_wrap .mail_icon{width:65px; height:65px;}
    }
    @media (max-width: 500px){
    	.email_wrap .in_gray_box{padding: 40px 30px 40px 30px;}
		.email_wrap .email_caution_wrap h3{font-size: 2.2rem; margin: 13px 0 15px 0;}
		.email_wrap .email_caution_wrap p {font-size: 1.6rem;}
		.email_wrap .email_caution_wrap .mail_icon{width:55px; height:55px;}
    }
    @media (max-width: 350px){
    	.email_wrap .in_gray_box{padding: 35px 25px;}
    	.email_wrap .email_caution_wrap h3{font-size:2.1rem;}
    	.email_wrap .email_caution_wrap p{font-size:1.5rem;}
    	.email_wrap .email_caution_wrap .mail_icon{width:50px; height:50px;}
    }
    /* 미디어쿼리 끝 */
/* 이메일무단수집거부 끝*/


/* 사이트맵 시작 */
.sitemap_zone ul.sitemap{padding-top:15px;}
.sitemap_zone ul.sitemap li{position: relative; padding: 45px 0 145px 380px; border-top: 1px dotted #d5d5d5;}
.sitemap_zone ul.sitemap > li:before{
    content: '';
    display: block;
    position: absolute;
    top: -1px;
    left: 0;
    width: auto;
    height: 3px;
    padding: 0 0 0 300px;
    background-color: #a79679;
    transition:0.3s;
}
.sitemap_zone ul.sitemap li h5{position: absolute; top: 40px; left: 0; margin: 0; padding: 0; font-size: 3.5rem; line-height: 1.5; font-weight:600;}
.sitemap_zone ul.sitemap li ul{ display:flex; flex-wrap:wrap; gap: 70px 15px;}
.sitemap_zone ul.sitemap li ul li{width:calc((100% / 4) - (45px / 4)); padding: 0; border: none;}
.sitemap_zone ul.sitemap li ul li a{display: block;font-size: 1.9rem; color: #000; line-height: 1.5;}
.sitemap_zone ul.sitemap li ul li a.s_stitle{position:relative; border: 1px solid #c6c6c6; box-shadow: rgba(0, 0, 0, 0.03) 0px 5px 7px; padding: 13px 17px 11px 33px; color:#323232; margin-bottom:2px; letter-spacing:-0.05rem;}
.sitemap_zone ul.sitemap li ul li a.s_stitle:before {
    content: "";
    width: 3px;
    height: 3px;
    position: absolute;
    top: 25px;
    left: 20px;
    background-color: #828282;
    box-shadow: 2px 2px 0px #f0f0f0;
}
.sitemap_zone ul.sitemap li ul li a:hover{color: rgb(135 118 78); text-decoration: underline;}
.sitemap_zone ul.sitemap li ul li ul {margin-top: 13px; gap: inherit;}
.sitemap_zone ul.sitemap li ul li ul li{width: 100%; margin-top: 10px; padding:0 20px;}
.sitemap_zone ul.sitemap li ul li ul li a{font-size: 1.8rem; letter-spacing:-0.075rem; color: #555; line-height: 1.5; padding-left:5px;}
.sitemap_zone ul.sitemap li ul li ul li a:hover {color: #000;}
.sitemap_zone ul.sitemap .icon_position{position:relative; bottom:-1px; margin-left:2px; color: #ed3d7f;}

	/* 미디어쿼리 시작 */
	@media (min-width: 501px){
		.sitemap_zone.step_mb{padding-bottom:0;}
	}
	@media (max-width: 1480px){
		.sitemap_zone ul.sitemap li{padding: 45px 0 145px 330px;}
		.sitemap_zone ul.sitemap li ul li{width:calc((100% / 3) - (30px / 3));}
	}
    @media (max-width: 1280px){
	    .sitemap_zone ul.sitemap li{padding:30px 0 100px 0;}
		.sitemap_zone ul.sitemap > li:before{padding: 0; width:30%;}
	    .sitemap_zone ul.sitemap li h5{position:static; font-size:3.3rem;}
	    .sitemap_zone ul.sitemap li ul{margin-top:20px; gap:15px 15px;}
	    .sitemap_zone ul.sitemap li ul li a{font-size:1.8rem;}
	    .sitemap_zone ul.sitemap li ul li a.s_stitle{padding: 10px 17px 10px 30px;}
	    .sitemap_zone ul.sitemap li ul li a.s_stitle:before{top:22px; left:20px;}
	    .sitemap_zone ul.sitemap li ul li ul{margin:10px 0 30px 0;}
	    .sitemap_zone ul.sitemap li ul li ul li{padding:0;}
	    .sitemap_zone ul.sitemap li ul li ul li a{padding-left:16px; font-size:1.7rem;}
    }
    @media (max-width: 1024px){
    	.sitemap_zone ul.sitemap li ul li{width:calc((100% / 2) - (15px / 2));}
    	 .sitemap_zone ul.sitemap li h5{font-size:3.1rem;}
    }
    @media (max-width: 768px){
        .sitemap_zone ul.sitemap li{padding: 22px 0 100px 0;}
        .sitemap_zone ul.sitemap > li:before{height:2px;}
    	.sitemap_zone ul.sitemap li h5{font-size:2.6rem;}
    	.sitemap_zone ul.sitemap li ul{gap:12px; margin-top:17px;}
    	.sitemap_zone ul.sitemap li ul li a{font-size:1.7rem;}
    	.sitemap_zone ul.sitemap li ul li a.s_stitle{padding:10px 17px 9px 25px;}
    	.sitemap_zone ul.sitemap li ul li a.s_stitle:before{top: 21px; left: 15px;}
    	.sitemap_zone ul.sitemap li ul li ul{margin: 7px 0 30px 0;}
    	.sitemap_zone ul.sitemap li ul li ul li{margin-top:7px;}
    	.sitemap_zone ul.sitemap li ul li ul li a{padding-left:12px;}
    }
    @media (max-width: 500px){
	    .sitemap_zone ul.sitemap li{padding:32px 0 40px 0;}
	    .sitemap_zone ul.sitemap > li:before{width: 30%; min-width: 75px; padding:0;}
	    .sitemap_zone ul.sitemap li h5{font-size:2.1rem; font-weight:700; margin-bottom: 15px;}
	    .sitemap_zone ul.sitemap li ul{margin-top:5px;  gap: 12px;}
	    .sitemap_zone ul.sitemap li ul li{width: 100%; margin-top:0;}
	    .sitemap_zone ul.sitemap li ul li a.s_stitle{border:none; padding:0; box-shadow:none; font-weight:600;}
	    .sitemap_zone ul.sitemap li ul li a.s_stitle:before{display:none;}
	    .sitemap_zone ul.sitemap li ul li a{font-size:1.7rem; font-weight: 600;}
	    .sitemap_zone ul.sitemap li ul li ul{overflow:hidden; width:100%; margin: 0;}
	    .sitemap_zone ul.sitemap li ul li ul li{width:auto; margin:2px 10px 0 0;}
	    .sitemap_zone ul.sitemap li ul li ul li a{font-size: 1.5rem; font-weight: 400; padding-left:0;}
    }
    /* 미디어쿼리 끝 */
/* 사이트맵 끝 */


/* 404 시작 */
.error_404_wrap{width:100%; height: calc(100% - 137px); min-height:700px;}
.error_404_wrap .outer{display: table; width: 100%; height: 100%; overflow:hidden;}
.error_404_wrap .inner {display: table-cell; text-align: center; vertical-align: middle;}
.error_404_wrap .centered{position: relative; display: inline-block; width: 100%;}
.error_404_wrap .centered:before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform:translate(-50%, -50%);
	background: url(../images/contents/pagenotfound.png) no-repeat fixed 50%;
	background-size:contain;
	opacity: 0.6;
}
.error_404_wrap .alert-wrap{height: auto; left: 0; margin-left: 0; margin-top: 0; top: 0;}
.error_404_wrap .alert-wrap .alert-title{color: black; font-size: 6rem; font-weight: 600; font-family: 'Tenor Sans'; letter-spacing: -0.175rem; margin-bottom:20px;}
.error_404_wrap .alert-wrap .alert-sub-title{color: black; font-size: 1.8rem; line-height: 1.5; font-weight: 400;}
.error_404_wrap .alert-wrap .alert-button{position:relative; background-color: white; color: black; display: inline-block; font-size: 1.7rem; font-weight: 600; line-height: 1; margin-top: 70px;}
.error_404_wrap .alert-wrap .alert-button {color: black;}
.error_404_wrap .alert-wrap .alert-button > span {display: inline-block;position: relative; font-weight:600;}
.error_404_wrap .alert-wrap .alert-button > span:before, .error_404_wrap .alert-wrap .alert-button > span:after {content: '';display: block;height: 0.2rem;position: absolute;bottom: -0.7rem;z-index: 2;-webkit-transition: width .4s;transition: width .4s;-webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);}
.error_404_wrap .alert-wrap .alert-button > span:before {width: 100%;right: 0;background: #000;-webkit-transition-delay: .2s;transition-delay: .2s;}
.error_404_wrap .alert-wrap .alert-button > span:after {width: 0;left: 0;background: #000;-webkit-transition-delay: 0s;transition-delay: 0s;}
.error_404_wrap .alert-wrap .alert-button:hover > span:before {width: 0;-webkit-transition-delay: 0s;transition-delay: 0s;}
.error_404_wrap .alert-wrap .alert-button:hover > span:after {width: 100%;-webkit-transition-delay: .2s;transition-delay: .2s;}

	/* 미디어쿼리 시작 */
	@media (min-height: 951px){
		.error_404_wrap .alert-wrap{top:-45px;}
	}
	@media (max-width: 1150px){
		.error_404_wrap{height: calc(100% - 60px);}
		.error_404_wrap .alert-wrap{top:0;}
		.error_404_wrap .alert-wrap .alert-title{font-size:5.5rem;}
		.error_404_wrap .alert-wrap .alert-sub-title{font-size:1.7rem;}
		.error_404_wrap .wrap_exception .alert-button{margin-top:60px;}
		.error_404_wrap .centered:before{min-width:800px;}
	}
	@media (max-width: 768px){
		.error_404_wrap{min-height:500px;}
		.error_404_wrap .alert-wrap .alert-title{font-size:5rem;}
		.error_404_wrap .alert-wrap .alert-sub-title{font-size:1.6rem;}
		.error_404_wrap .wrap_exception .alert-button{margin-top:50px;}
	}
	@media (max-width: 500px){
		.error_404_wrap .alert-wrap .alert-title{font-size:4rem;}
		.error_404_wrap .alert-wrap .alert-sub-title{font-size:1.5rem;}
		.error_404_wrap .wrap_exception .alert-button{margin-top:40px;}
		.error_404_wrap .alert-wrap .alert-button > span{font-size:1.6rem;}
	}
	/* 미디어쿼리 끝 */
/* 404 끝 */