/*공용*/
em{ font-weight:normal; font-style:normal; }
.pc {display:block !important;}
.m {display:none !important;}

/* layout */
#wrap {width:100% ; height:100%; position:relative;}

.go-top { display:none; }
	
/*공용*/
.inner_box {width:1300px;margin:0 auto; overflow:hidden;position:relative; }
.clearfix:after{content:"";display:block;clear:both;}

.cont_n{width: 100%; margin: 105px auto 0 auto;  clear:both;}
.cont_n img {width:auto; height:auto}

.float_box {width:100%; overflow:hidden;}
.float_box .box {float:left;}
.float_box .box_c { margin: 0 auto !important; overflow:hidden; text-align: center;  padding: 0 25% ; box-sizing: border-box}

.float_box.boxs1 .boxs {width:calc(100%);}
.float_box.box1_2 .boxs {width:calc(100%/2); padding: 0}
.float_box.boxs2 .boxs {width:calc(100%/2);}
.float_box.boxs3 .boxs {width:calc(100%/3);}
.float_box.boxs4 .boxs {width:calc(100%/4);}
.float_box.boxs5 .boxs {width:calc(100%/5);}
.float_box.boxs6 .boxs {width:calc(100%/6);}
.float_box.boxs7 .boxs {width:calc(100%/7);}

.no_cursor { cursor: default !important}

/*버튼공통*/
.bt_boxwarp {width:100%; clear: both}
.bt_boxwarp_100 {width:100%; clear: both; display: flex; align-items: center; justify-content: center; gap: 10px}
.bt_boxwarp_30 {width:30%; clear: both; display: flex; align-items: center; justify-content: center; gap: 10px; margin: 0 auto}
.bt_boxwarp_50 {width:50%; clear: both; display: flex; align-items: center; justify-content: center; gap: 10px; margin: 0 auto}
.bt_boxwarp_96 {width:96%; clear: both; display: flex; align-items: center; justify-content: center; gap: 10px; margin: 0 auto}
.bt_boxwarp_subbtwarp_1 {width:30%; clear: both; margin: 0 auto}

.bt_box330 {margin: 0 auto; width:100% !important; max-width:350px !important;}
.bt_box660 {margin: 0 auto; width:100% !important; max-width:660px !important;}
.sub_bt li {text-align:center; box-sizing: border-box; }
.sub_bt li a{display:block; padding:20px 0; font-size:1.2rem; }
.sub_bt li.blue {background:#1550c7; font-weight: 600}
.sub_bt li.blue a {color:#fff;}
.sub_bt li.red {background:#d40000; font-weight: 600}
.sub_bt li.red a {color:#fff;}
.sub_bt li.green {color:#000000; background:#a2ff00; font-weight: 600}
.sub_bt li.green a {color:#000000;}
.sub_bt li.violet {color:#fff; background:#1550c7; font-weight: 600}
.sub_bt li.violet a {color:#fff;}
.sub_bt li.white {color:#333333; background:#ffffff; border: 1px solid #cccccc; font-weight: 600; box-sizing: border-box}
.sub_bt li.white a {color:#333333;}

.n_bt_black {color:#fff; background:#333333; font-weight: 600; text-align:center; box-sizing: border-box; padding:20px 100px; font-size:24px;}
.n_bt_black:hover { cursor: pointer}

/* 버튼 크기 공통 */
button { margin: 0; padding: 0; cursor: pointer;}
.btn_w25 { display: inline; width: 25%; }
.btn_w50 { display: inline; width: 50%; }
.btn_w70 { display: inline; width: 70%; }
.btn_w90 { display: inline; width: 90%; }
.btn_w100 { display: inline; width: 100%; }
.btn_auto {display:inline; width: auto;}

.btn_white { border-radius: 5px; color:#333333; background:#ffffff; border: 1px solid #e0e0e0; font-weight: 500; text-align:center; box-sizing: border-box; padding:19px 0; font-size:1.2rem; }
.btn_white_reset { border-radius: 5px; color:#333333; background:#ffffff url("/images/common/bt_icon_reset.png") no-repeat 30% 55%; background-size: 19px 1.2rem; border: 1px solid #e0e0e0; font-weight: 500; text-align:center; box-sizing: border-box; padding:19px 0; font-size:1.2rem; padding-left: 2rem }
.btn_black { border-radius: 5px; color:#ffffff; background:#333333; font-weight: 500; text-align:center; box-sizing: border-box; padding:20px 0; font-size:1.2rem; }
.btn_violet { border-radius: 5px; color:#ffffff; background:#7000d8; font-weight: 500; text-align:center; box-sizing: border-box; padding:20px 0; font-size:1.2rem; }
.btn_blue { border-radius: 5px; color:#ffffff; background:#1550c7; font-weight: 500; text-align:center; box-sizing: border-box; padding:20px 0; font-size:1.2rem; }
.btn_red { border-radius: 5px; color:#ffffff; background:#f75454; font-weight: 500; text-align:center; box-sizing: border-box; padding:20px 0; font-size:1.2rem; }
.btn_open_search { border-radius: 5px; color:#ffffff; background:#d40000 url("/images/common/bt_icon_condition.png") no-repeat 26% 55%; background-size: 2rem; font-weight: 500; text-align:center; box-sizing: border-box; padding:20px 0; font-size:1.2rem; }
	
/* form100 공통 */
.group select { font-size: 22px; color: #333333; text-align: left; font-weight: 400; border: 1px solid #333333; background: #ffffff; padding: 8px 12px; box-sizing: border-box; border-radius: 3px; margin-left: 10px}

.input_set { position:relative;margin-bottom:8px; clear: both}
.input_set .fl {position:absolute;top:0;left:0}
.input_set .fr{ position:absolute;top:0;right:0}

.input_wrap { line-height:45px; position:relative; overflow:hidden; margin-bottom:6px;}

.int { display:block; overflow:hidden; padding:12px; background:#fff; border-radius:3px; border:1px solid #d5d5d5}
.int input { color:#333333; font-size:1.2rem; line-height:28px; width:100%; border:none; outline: none; background:#fff;}
.int select { color:#333333; font-size:1.2rem; line-height:28px; width:100%; border:none; outline: none; background:#fff ;}

.int_disabled { display:block; overflow:hidden; padding:12px; background:#f8f8f8; border-radius:3px; border:1px solid #d9d9d9; }
.int_disabled input { color:#b6b6b6;  font-size:1.2rem; line-height:28px; width:100%; border:none; outline: none; background:#f8f8f8;}
.int_disabled select { color:#b6b6b6; font-size:1.2rem; line-height:28px; width:100%; border:none; outline: none; background:#f8f8f8 ;}

.input_wrap_type3 {margin-right:107px}
.input_wrap_type4 {margin-right:107px}

.bt_input { border-radius:3px; font-size:1.2rem; line-height:48px; display:inline-block; overflow:hidden; width:100px; height:50px; text-align:center; white-space:nowrap; background:#333333; color:#fff !important}
.bt_formgray { border-radius:3px; font-size:1.2rem; line-height:52px; display:inline-block; overflow:hidden; width:100px; height:54px; text-align:center; white-space:nowrap; background:#333333; color:#fff !important}

/* form 공통 */
.input_100 {width: 100%; font-size: 1.2rem; color: #333333; text-align: left; font-weight: 400; border: 1px solid #d5d5d5; background: #ffffff; padding: 12px; box-sizing: border-box;}

/*서브 상단 비주얼*/
.sub_top {position:relative; padding:150px 0}
.sub_top_text{text-align:center;}
.sub_top_text h2 {display:block; margin:50px 0; font-weight:700; font-size:60px; line-height:56px; color:#ffffff; letter-spacing: -1px }
.sub_top_text em {font-weight:400; font-size:20px; line-height:23px; color:#ffffff; letter-spacing: 10px; text-transform: uppercase; opacity: 0.3 !important}
.sub_top_text p {font-weight:400; font-size:24px; line-height:44px; color:#ffffff; letter-spacing: -1px}

.sub_top.sub01_01 { background: url("/images/common/titleimg01_01.jpg") no-repeat ; background-size: cover }
.sub_top.sub02_01 { background: url("/images/common/titleimg02_01.jpg") no-repeat ; background-size: cover }
.sub_top.sub03_01 { background: url("/images/common/titleimg03_01.jpg") no-repeat ; background-size: cover }
.sub_top.sub04_01 { background: url("/images/common/titleimg04_01.jpg") no-repeat ; background-size: cover }
.sub_top.sub05_01 { background: url("/images/common/titleimg05_01.jpg") no-repeat ; background-size: cover }
.sub_top.sub06_01 { background: url("/images/common/titleimg06_01.jpg") no-repeat ; background-size: cover }


/* 공통 드롭다운 */
.nav-dropdown { display: flex; gap: 8px; }
.dropdown { position: relative; }
.dropdown-btn {
  padding: 8px 12px;
  background: #fff;
  border: 1px solid #ccc;
  cursor: pointer;
  font-size: 16px;
  color: #000;           /* 메뉴 글자 검정 */
}
.dropdown-list {
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  border: 1px solid #ccc;
  list-style: none;
  margin: 4px 0 0;
  padding: 0;
  display: none;
  z-index: 100;
  width: max-content;
}
.dropdown-list li {
  padding: 6px 12px;
  cursor: pointer;
  color: #000;           /* 항목도 검정 */
}
.dropdown-list li:hover,
.dropdown-list li.active {
  background: #f0f0f0;
}

/* 2차는 첫에 숨김 */
.second-dropdown { display: none; }

  





/*중간 드롭다운 서브메뉴*/
.submenu_wrap { width: 100%; clear: both; border-bottom: 1px solid #e0e0e0}
.submenu, .submenu * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.submenu { overflow: hidden; color: #fff; width: 1300px; margin: 0 auto;}
.submenu-section-home {  width: 100%; padding: 17px; display: inline-block; background: #ffffff;  border-left: 1px solid #e0e0e0; font-size: 1.1rem; color: #333333; box-sizing: border-box; text-align: center}
.submenu-section-home img { width: 23px}
.submenu-section-home:hover { background:#ffffff; text-decoration: none; color: #333333; cursor: pointer; border-left: 1px solid #e0e0e0; text-align: center}
.submenu-section-header {  width: 100%; padding: 20px; display: inline-block; font-size: 1.1rem; color: #333333; box-sizing: border-box; background:#ffffff url(/images/common/plus.png) no-repeat 94% 50%; background-size: 12px; border-left: 1px solid #e0e0e0}		
.submenu-section-header:hover{ background:#ffffff url(/images/common/plus.png) no-repeat 94% 50%; background-size: 12px; text-decoration: none; color: #333333; cursor: pointer; border-left: 1px solid #e0e0e0}
.submenu-section-header.active{ background:#ffffff url(/images/common/minus.png) no-repeat 94% 50%; background-size: 12px; text-decoration: none; color: #333333; cursor: pointer; border-left: 1px solid #e0e0e0}
.submenu-section li:nth-child(1){ float: left; width: 70px; }
.submenu-section li:nth-child(2){ float: left; width: 270px; }
.submenu-section li:nth-child(3){ float: left; width: 270px; border-right: 1px solid #e0e0e0}
.submenu-section-content { display: none; background: #ffffff; color: #333333; position: absolute; z-index: 99; width: 100%; max-width: 271px; border: 1px solid #e0e0e0; border-top: none}
.submenu-section-content p { display: block; border-top: 1px solid #e0e0e0 ; font-size: 1.1rem; padding: 15px 20px}
.submenu-section-content .on{ background: #f6f6f6; display: block; color:#333333; }
.submenu-section-content a{color: #333333; }
.submenu-section-content p:hover{background: #f6f6f6; color: #333333}




/*----------------------서브 2deps메뉴-----------------------------*/	
.deps2_group {
  display: flex;
  gap: 8px;               /* 버튼 사이 간격 */
  margin: 2rem 0;
}
.deps2_bt {
  flex: 1;                /* 동일한 너비로 균등 분배 */
  padding: 15px 0;
  border: 1px solid #ddd;
  background: #fff;
  color: #333;
  font-size: 1.2rem;
  cursor: pointer;
  border-radius: 4px;
  box-sizing: border-box;
}
.deps2_on {
  background: #d40000;    /* 네이버 레드 계열 */
  border-color: #d40000;
  color: #fff;
  font-weight: 600;
}

.deps2_2_group {
  display: flex;
  gap: 8px;               /* 버튼 사이 간격 */
  margin: 0 0 2rem 0;
}

.deps2_2_bt {
  padding: 15px 0;
  min-width: 180px;
  border: 1px solid #ddd;
  background: #fff;
  color: #333;
  font-size: 1.2rem;
  cursor: pointer;
  border-radius: 4px;
  box-sizing: border-box;
}
.deps2_2_on {
  background: #d40000;    /* 네이버 레드 계열 */
  border-color: #d40000;
  color: #fff;
  font-weight: 600;
}

/*----------------------//서브 2deps메뉴-----------------------------*/	


/*----------------------서브 3deps메뉴-----------------------------*/	
.deps3_tabs {
  border-bottom: 1px solid #ddd;
  background: #fff;
  margin-bottom: 3rem;
}
.deps3_tabs ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.deps3_tabs li {
  flex: 0 0 auto;                
  padding: 12px 16px;
  margin-right: 7px;              /* 아이템 간 간격 */
  scroll-snap-align: start;       /* 스냅 정렬 */
  text-align: center;
  cursor: pointer;
  white-space: nowrap;        /* 텍스트가 줄바꿈되지 않음 */
  transition: background .2s;
  font-size: 1.1rem;
  background: #f4f4f4;
}
.deps3_tabs li.active {
  background: #333;
  color: #fff;
}
/*----------------------//서브 3deps메뉴-----------------------------*/	




/*서브 소메뉴*/
.sub_s_menu_wrap { width: 100%; clear: both; background: #f4f4f4;}
.sub_s_menu {width: 100%; clear: both; }
.sub_s_menu ul { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center;}
.sub_s_menu li { text-align: center; padding:21px 0; font-size:24px; line-height:38px; color:#333333; box-sizing: border-box; font-weight: 400;}
.sub_s_menu li:hover { color:#1550c7; font-weight: 600; cursor: pointer; text-decoration-line: underline; text-underline-offset: 25px; text-decoration-thickness: 5px;}
.sub_s_menu li.on {color:#1550c7; font-weight: 600; text-decoration-line: underline; text-underline-offset: 26px; text-decoration-thickness: 5px; }

.sub_s_menu_wrap2 { width: 100%; clear: both; background: #f4f4f4;}
.sub_s_menu2 { width: 100%; clear: both; border-bottom: none; box-sizing: border-box}
.sub_s_menu2 li { display: block; text-align: center; padding:21px 0; font-size:24px; line-height:38px; color:#333333; box-sizing: border-box; font-weight: 400;}
.sub_s_menu2 li:hover { color:#1550c7; font-weight: 600; cursor: pointer; text-decoration-line: underline; text-underline-offset: 25px; text-decoration-thickness: 5px;}
.sub_s_menu2 li.on {color:#1550c7; font-weight: 600; text-decoration-line: underline; text-underline-offset: 26px; text-decoration-thickness: 5px; }

.sub_s_menu4 {width: 100%; clear: both; }
.sub_s_menu4 ul { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center;}
.sub_s_menu4 li {width: 25%; text-align: center; padding:21px 0; font-size:24px; line-height:38px; color:#333333; box-sizing: border-box; font-weight: 400;}
.sub_s_menu4 li:hover { color:#1550c7; font-weight: 600; cursor: pointer; text-decoration-line: underline; text-underline-offset: 25px; text-decoration-thickness: 5px;}
.sub_s_menu4 li.on {color:#1550c7; font-weight: 600; text-decoration-line: underline; text-underline-offset: 26px; text-decoration-thickness: 5px; }

.sub_s_menu5 {width: 100%; clear: both; }
.sub_s_menu5 ul { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center;}
.sub_s_menu5 li {width: 20%; text-align: center; padding:21px 0; font-size:24px; line-height:38px; color:#333333; box-sizing: border-box; font-weight: 400;}
.sub_s_menu5 li:hover { color:#1550c7; font-weight: 600; cursor: pointer; text-decoration-line: underline; text-underline-offset: 25px; text-decoration-thickness: 5px;}
.sub_s_menu5 li.on {color:#1550c7; font-weight: 600; text-decoration-line: underline; text-underline-offset: 26px; text-decoration-thickness: 5px; }

/*서브 상단 탭*/
.sub_tab {width: 100%; clear: both; }
.sub_tab ul { width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.sub_tab li {width: 24.2%; text-align: center}
.sub_tab li a{ display:block; padding:17px 0; font-size:1.2rem; line-height:38px; color:#989898; background:#f7f7f7; border: 1px solid #d4d4d4; box-sizing: border-box; font-weight: 400}
.sub_tab li a:hover {color:#fff; background:#1550c7;}
.sub_tab li.on a {color:#fff; background:#1550c7; font-weight: 600}

.event_tab {width: 1300px; margin: 0 auto; clear: both; border: 1px solid #d4d4d4; border-bottom: none; border-right: none; box-sizing: border-box; overflow: hidden}
.event_tab li { display: block; text-align: center; padding:14px 0; font-size:1.2rem; line-height:36px; color:#989898; background:#ffffff; box-sizing: border-box; font-weight: 400; border-right: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; }
.event_tab li:hover {color:#fff; background:#1550c7; cursor: pointer}
.event_tab li.on {color:#fff; background:#1550c7; font-weight: 600}

/*서브 배경 공통*/
.content {padding:120px 0; text-align:left; clear: both; overflow: hidden}
.content0 {padding:0; text-align:left; clear: both; overflow: hidden}
.content_120b {padding:0 0 120px 0; text-align:left; clear: both; overflow: hidden}
.content_120t {padding:120px 0 0 0; text-align:left; clear: both; overflow: hidden}
.content_100 {padding:100px 0; text-align:left; clear: both; overflow: hidden}
.content_100b {padding:0 0 100px 0; text-align:left; clear: both; overflow: hidden}
.content_100t {padding:100px 0 0 0; text-align:left; clear: both; overflow: hidden}
.content_m {padding:120px 0; text-align:left; clear: both; overflow: hidden}

.content.white_bg,.content0.white_bg,.content_120b.white_bg,.content_120t.white_bg,.content_100.white_bg {background:#fff;}
.content.gray_bg,.content0.gray_bg,.content_120b.gray_bg,.content_120t.gray_bg,.content_100.gray_bg {background:#f0f0f0;}
.content.darkgray_bg,.content0.darkgray_bg,.content_120b.darkgray_bg,.content_120t.darkgray_bg,.content_100.darkgray_bg {background:#222222; }

.content.bgimg01,.content0.bgimg01,.content_120b.bgimg01,.content_120t.bgimg01,.content_100.bgimg01 { background: #2d2e33 url("/images/common/bgimg01.jpg") no-repeat ; background-size: cover; }
.content.bgimg02,.content0.bgimg02,.content_120b.bgimg02,.content_120t.bgimg02,.content_100.bgimg02 { background: #2d2e33 url("/images/common/bgimg02.jpg") no-repeat ; background-size: cover; }
.content.bgimg03,.content0.bgimg03,.content_120b.bgimg03,.content_120t.bgimg03,.content_100.bgimg03 { background: #2d2e33 url("/images/common/bgimg03.jpg") no-repeat ; background-size: cover; }
.content.bgimg04,.content0.bgimg04,.content_120b.bgimg04,.content_120t.bgimg04,.content_100.bgimg04 { background: #2d2e33 url("/images/common/bgimg04.jpg") no-repeat ; background-size: cover; }

/*이미지배경 애니메이션*/
.imgani_img_warp { width: 100%; position: relative; height: 570px; margin: 40px auto 0 auto; overflow: hidden}
.imgani_img_warp .imgani_img {	z-index: 0; position: absolute; }
.imgani_img_warp .imgani_img2 {	z-index: 1;	transition: all 0.8s ease !important; transform: scale(1.2); position: absolute; }

.imgani_img_warp2 { width: 100%; position: relative; height: 720px; margin:  0 auto; overflow: hidden; text-align: center; padding: 30px 0}
.imgani_img_warp2 .imgani_img {	z-index: 0; position: absolute; }
.imgani_img_warp2 .imgani_img2 {	z-index: 1;	transition: all 0.8s ease !important; transform: scale(1.2); position: absolute; }

.imgani_img_warp3 { width: 100%; position: relative; height: 705px; margin: 0 auto; overflow: hidden}
.imgani_img_warp3 .imgani_img {	z-index: 0; position: absolute; }
.imgani_img_warp3 .imgani_img2 {	z-index: 1;	transition: all 0.8s ease !important; transform: scale(1.2); position: absolute; }

.imgani_img_warp4 { width: 100%; position: relative; height: 760px; margin: 0 auto; overflow: hidden}
.imgani_img_warp4 .imgani_img {	z-index: 0; position: absolute; }okimg
.imgani_img_warp4 .imgani_img2 {	z-index: 1;	transition: all 0.8s ease !important; transform: scale(1.2); position: absolute; }

/*서브 텍스트 공통*/
.sub_title {text-align:left;}
.sub_title.right {text-align:right;}
.sub_title.center {text-align:center;}
.sub_title h2 { font-size: 150px; color: #f0f0f0; font-weight: 800!important; line-height: 100%}
.sub_title h3 { margin-bottom:25px; font-size:55px; line-height:70px; font-weight: 400; letter-spacing: -1px; text-transform: uppercase; }
.sub_title h4 { margin-bottom:20px; font-size:40px; line-height:60px; font-weight: 700; letter-spacing: -1px}
.sub_title h5 { margin-bottom:20px; font-size:30px; line-height:50px; font-weight: 300; letter-spacing: -1px}
.sub_title p { font-weight:500; display:block; font-size:24px; line-height:38px; margin:25px 0; text-align: left; text-transform: uppercase}
.sub_title span { font-weight: 700 ; }
.sub_title .pointviolet{ background: #1550c7; font-size: 30px; color: #ffffff; font-weight: 800; padding: 10px}
.sub_title .h3big { margin-bottom:20px; font-size:75px; font-weight: 400; letter-spacing: -1px; line-height: 130%}
.sub_title .h3big span { font-weight: 700 ; line-height: 130%}
.sub_title .h70 { margin-bottom:20px; font-size:70px; line-height:90px; font-weight: 700; letter-spacing: -1px; text-transform: uppercase}
.sub_title .h150 { margin-bottom:20px; font-size:150px; font-weight: 900;}
.sub_title .font24 { font-weight:400; display:block; font-size:24px; line-height:38px; margin:25px 0; text-align: center; text-transform: uppercase}
.sub_title .font24 span { font-weight:700; }

.markviolet { background: #1550c7; font-size: 30px; color: #ffffff; font-weight: 800; padding: 2px 10px; }
.markviolet24 { background: #1550c7; font-size: 24px; color: #ffffff; font-weight: 600; padding: 4px 10px; line-height: 2.6rem}
.markviolet30 {  background: #1550c7; font-size: 30px; color: #ffffff; font-weight: 600; padding: 5px 10px; line-height: 3rem;}
.markviolet45 {  background: #1550c7; font-size: 45px; color: #ffffff; font-weight: 600; padding: 5px 10px; line-height: 4rem;}

.markgray22 {  background: #333333; font-size: 1.2rem; color: #ffffff; font-weight: 600; padding: 6px 10px; line-height: 2.8rem;}

.markyellow {  background: #fffd5b; font-size: 1.2rem; color: #333333; font-weight: 600; padding: 20px; line-height: 1.5; text-align: center; box-sizing: border-box}

.markblue22 {  background: #1550c7; font-size: 1.2rem !important; color: #ffffff; font-weight: 500; padding: 6px 10px; line-height: 2.8rem;}
.markblue30 {  background: #1550c7; font-size: 30px; color: #ffffff; font-weight: 600; padding: 5px 10px; line-height: 3rem;}

.markred22 {  background: #f75454; font-size: 1.2rem !important; color: #ffffff; font-weight: 500; padding: 6px 10px; line-height: 2.8rem;}

.markwhite24 { background: #ffffff; font-size: 24px; color: #333333; font-weight: 600; padding: 4px 10px; line-height: 2.6rem}
.markwhite26 { background: #ffffff; font-size: 26px; color: #333333; font-weight: 600; padding: 4px 10px; line-height: 2.8rem}

.line_gyay {width: 100%; border-bottom:1px solid #dadada;}
.line_gyay_top {width: 100%; border-top:1px solid #dadada;}
.line_gyay_bottom {width: 100%; border-bottom:1px solid #dadada;}
.line_black_top {width: 100%; border-top:1px solid #333333;}
.line_black_bottom {width: 100%; border-bottom:1px solid #333333;}

.bold_100 { font-weight: 100 !important }
.bold_200 { font-weight: 200 !important }
.bold_300 { font-weight: 300 !important }
.bold_400 { font-weight: 400 !important }
.bold_500 { font-weight: 500 !important }
.bold_600 { font-weight: 600 !important }
.bold_700 { font-weight: 700 !important }
.bold_800 { font-weight: 800 !important }

.opacity_20 {opacity: 0.2 !important}
.opacity_30 {opacity: 0.3 !important}
.opacity_40 {opacity: 0.4 !important}
.opacity_50 {opacity: 0.5 !important}

.fs60 { margin:30px 0 ; font-size:60px; letter-spacing: -1px; line-height: 120%}
.fs60 span { font-weight:800;}
.fs24 { display:block; font-size:24px; line-height:1.2; margin:0; text-align: left; text-transform: uppercase}
.fs26 { display:block; font-size:26px; line-height:38px; margin:0 0 15px 0; text-align: left; text-transform: uppercase}
.fs36 { display:block; font-size:36px; line-height:38px; margin:0 0 15px 0; text-align: left; text-transform: uppercase}
.fs45 { margin-bottom:20px; font-size:45px; line-height:60px; font-weight: 700; letter-spacing: -1px}
.fs70 { margin:30px 0 ; font-size:70px; letter-spacing: -1px; line-height: 120%}
.fs70 span { font-weight:800;}

.sub_txt {text-align:left;}
.sub_txt.right {text-align:right;}
.sub_txt.center {text-align:center;}
.sub_txt { font-weight:400; font-size:1.3rem; line-height:38px; margin:20px 0; color: #333333 ; letter-spacing: -1px; }
.sub_txt_m0 { font-weight:400; font-size:1.3rem; line-height:38px; margin:0; color: #333333 ; letter-spacing: -1px}
.sub_txt span,.sub_txt_m0 span  { font-weight: 700; line-height:38px;}

.sub_txt_stxt { font-weight:400; font-size:1.2rem; line-height:38px; margin:15px 0; color: #333333 ; letter-spacing: -1px}
.sub_txt_stxt span { font-weight: 800; line-height:38px;}

.sub_txt_30 { font-weight:600; font-size:30px; line-height:38px; margin:35px 0; color: #333333 ; letter-spacing: -1px}
.sub_txt_30 span  { color: #1550c7 }

.sub_txt_line { font-weight:400; font-size:1.2rem; line-height:38px; margin:25px 0; color: #333333 ; letter-spacing: -1px;  text-decoration-line: underline; text-underline-offset: 15px; text-decoration-thickness: 1px; }
.sub_txt_line span  { font-weight: 800; line-height:38px;}

.sub_txt_line26 { font-weight:800; font-size:26px; line-height:38px; margin:25px 0; color: #333333 ; letter-spacing: -1px;  text-decoration-line: underline; text-underline-offset: 15px; text-decoration-thickness: 1px; }

.sub_txt_violetline { font-size:1.2rem; line-height:38px; color: #1550c7 ; letter-spacing: -1px;  text-decoration-line: underline; text-underline-offset: 11px; text-decoration-thickness: 1px; }

/*타이틀소제목_검정배경 공통*/
.sub_tit_graybox26{ background: #333333; font-size: 26px; color: #ffffff; font-weight: 700; padding: 4px 10px; line-height: 2.6rem; text-transform: uppercase}
.sub_tit_graybox26_02{ background: #333333; font-size: 26px; color: #ffffff; font-weight: 700; padding: 4px 10px; line-height: 2.6rem; text-transform: uppercase}

/*좌측 텍스트 공통*/
.sub_txt_left {text-align:left;}
.sub_txt_left { font-weight:800; font-size:26px; line-height:38px; color: #333333 ;}
.sub_txt_left .txt  { font-weight:400; color: #666666 ; font-size:1.2rem; margin:10 0; }
.sub_txt_left li { padding: 10px; width: 100%}

.sub_txt_left_f400 {text-align:left;}
.sub_txt_left_f400 { font-weight:500; font-size:1.2rem; line-height:38px; color: #333333 ;}
.sub_txt_left_f400 li { padding: 8px 0; width: 100%}

.sub_txt_left2 {text-align:left;}
.sub_txt_left2 { font-weight:800; font-size:26px; line-height:38px; color: #333333 ;}
.sub_txt_left2 li {width: 100%; margin:5px 0; float: left; box-sizing: border-box}
.sub_txt_left2 li dt { padding: 16px 25px; background: #333333; font-weight:600; color: #ffffff ; font-size:24px; text-align: center; float: left}
.sub_txt_left2 li dd { padding: 16px 20px; background: #f2f2f2; font-weight:400; color: #333333 ; font-size:24px; overflow: hidden}

.sub_txt_left_arrow {text-align:left;}
.sub_txt_left_arrow { font-weight:800; font-size:26px; line-height:38px; color: #333333 ;}
.sub_txt_left_arrow li {width: 100%; margin:0 0 25px 0; float: left; box-sizing: border-box}
.sub_txt_left_arrow li dt { padding: 20px 25px; background: #333333; font-weight:600; color: #ffffff ; font-size:24px; text-align: center; float: left}
.sub_txt_left_arrow li dd { padding: 20px; background: #f2f2f2; font-weight:500; color: #333333 ; font-size:24px; overflow: hidden}
.sub_txt_left_arrow .triangle:before { border-top-color: #f2f2f2}
.sub_txt_left_arrow .triangle:after, .triangle:before { border-bottom: none}
.sub_txt_left_arrow .triangle:after, .triangle:before { content: ''; display: block; border: 15px solid transparent; position: absolute; bottom: -30px ; left: 300px}

.sub_txt_left_number {text-align:left;}
.sub_txt_left_number li { width: 100%; font-weight:400; font-size:1.2rem; line-height:38px; color: #333333 ; padding: 10px 0}

/*서브 line 공통*/
.sub_line10_gray {  border: 10px solid #eeeeee; width: 100%; box-sizing: border-box; padding: 20px 30px; margin: 20px 0; background: #ffffff}
.sub_line20_gray {  border: 20px solid #eeeeee; width: 100%; box-sizing: border-box; padding: 40px 0; margin: 30px 0; background: #ffffff}
.sub_line10_violet {  border: 10px solid #1550c7; width: 100%; box-sizing: border-box; padding: 60px 0; margin: 30px 0; background: #ffffff; border-radius: 20px}

/*서브 box 공통*/
.sub_box_width100 { width: 100%}
.sub_box_width95 { width: 80%}
.sub_box_width90 { width: 80%}
.sub_box_width80 { width: 80%}
.sub_box_white { background: #ffffff; box-sizing: border-box; padding: 40px 0; font-size: 1.2rem; margin: 50px auto 30px auto; color: #333333; font-weight: 400; text-align: center; line-height: 1.8; border-radius: 5px}
.sub_box_white .txtpoint { color: #1550c7; font-weight: 800}
.sub_box_white_dot { background: #ffffff; border: 1px dashed #c9c9c9; box-sizing: border-box; padding: 15px 40px; margin: 50px auto 0 auto;}
.sub_box_line_white {clear: both; border: 1px solid #ffffff; box-sizing: border-box; padding: 40px 10px; margin: 50px auto 0 auto; color: #ffffff; font-weight: 400; text-align: center; font-size: 24px; line-height: 2.7rem}
.sub_box_white_radius { width: 100%; box-sizing: border-box; padding: 40px 0; margin: 30px 0; background: #ffffff; border-radius: 20px}
.sub_box_white span { font-weight: 700}

/*서브 중간흰색박스 공통*/
.sub_tbox { clear: both; width: 100%; margin: 30px auto 0 auto; float: left;  }
.sub_tbox ul { width: 100%; }
.sub_tbox li { float: left; width: 100%; margin: 0 auto 20px auto; padding: 0; background: #ffffff; border-radius: 10px; box-sizing: border-box}
.sub_tbox li:last-child { margin: 0}

.sub_tbox2 { clear: both; width: 100%; margin:  0 auto; }
.sub_tbox2 ul { width: 100%; display: flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap}
.sub_tbox2 li { width: 48%; margin: 25px 0; padding: 0; background: #ffffff; border-radius: 10px; box-sizing: border-box}
.sub_tbox2 li .graybg { background: #f6f6f6;}

.sub_tbox2_link { clear: both; width: 100%; margin:  0 auto; }
.sub_tbox2_link ul { width: 100%; display: flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap}
.sub_tbox2_link li { width: 48%; margin: 25px 0; padding: 0; background: #ffffff; border-radius: 10px; box-sizing: border-box}
.sub_tbox2_link li:hover { background: #1550c7; cursor: pointer; color: #ffffff; opacity: 5; transition: all 0.5s;}

.sub_tbox3 { clear: both; width: 100%; margin:  0 auto; }
.sub_tbox3 ul { width: 100%; display: flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap}
.sub_tbox3 li { width: 32%; margin: 15px 0; padding: 0; background: #ffffff; border-radius: 10px; box-sizing: border-box}
.sub_tbox3 li .graybg { background: #f6f6f6;}

.sub_tbox3_2 { clear: both; width: 100%; margin:  0 auto; }
.sub_tbox3_2 ul { width: 100%; display: flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap}
.sub_tbox3_2 li { width: 32%; margin: 15px 0; padding: 0; background: #ffffff; border-radius: 10px; box-sizing: border-box}
.sub_tbox3_2 li .graybg { background: #f6f6f6;}
.sub_tbox3_2 li img { width: 100%}

.additionaltxt {font-size: 26px; color: #333333; font-weight: 500 }

/*서브 중간흰색박스 좌측이미지 우측 설명 공통*/
.sub_tbox_img { clear: both; width: 100%; overflow: hidden; display: flex; justify-content: flex-start; align-items: center }
.sub_tbox_img .leftimg { width: 48%; float: left; padding: 0}
.sub_tbox_img .leftimg_55 { width: 55%; float: left; padding: 0}
.sub_tbox_img .leftimg_60 { width: 60%; float: left; padding: 0}
.sub_tbox_img .righttxt { float: right; padding: 0 55px; box-sizing: border-box; display: flex; flex-direction: column; align-items: left; justify-content: center}
.sub_tbox_img .righttxt .number { text-align: left; font-size: 95px; font-family: 'Roboto'; font-weight: 900; color: #e2e2e2}
.sub_tbox_img .righttxt .sub_title { text-align: left; font-size: 40px; font-weight: 800; color: #333333; line-height: 5rem}
.sub_tbox_img .radiusimg img {width: 100%; border-radius: 5px}

/*서브 중간흰색박스 우측이미지 좌측 설명 공통*/
.sub_tbox_img .rightimg { width: 48%; float: right; padding: 0}
.sub_tbox_img .lefttxt { width: 52%; float: left; padding: 0 ; box-sizing: border-box; display: flex; flex-direction: column; align-items: left; justify-content: center}
.sub_tbox_img .lefttxt .number { text-align: left; font-size: 95px; font-family: 'Roboto'; font-weight: 900; color: #e2e2e2}
.sub_tbox_img .lefttxt .sub_title { text-align: left; font-size: 40px; font-weight: 800; color: #333333; line-height: 5rem}

/*서브 중간흰색박스 상단 이미지 하단 설명 공통*/
.sub_tbox_img2 { clear: both; width: 100%; overflow: hidden; display: flex; flex-direction: column }
.sub_tbox_img2 .imgbox { width: 100%; float: left; padding: 0}
.sub_tbox_img2 .txtbox { width: 100%; float: left; padding: 30px 20px; box-sizing: border-box; }
.sub_tbox_img2 .txtbox h3 { text-align: center; font-size: 40px; font-weight: 700; color: #333333; line-height: 4rem; margin-bottom: 1rem}
.sub_tbox_img2 .txtbox h4 { text-align: center; font-size: 40px; font-weight: 700; color: #333333}
.sub_tbox_img2 .txtbox h4 img { width: 41px; margin-right: 10px; }
.sub_tbox_img2 .txtbox p { text-align: center; font-size: 1.2rem; font-weight: 400; color: #333333; line-height: 1.5}

.sub_tbox_img2 .txtbox2 { width: 100%; float: left; padding: 30px 20px; box-sizing: border-box; }
.sub_tbox_img2 .txtbox2 h3 { text-align: center; font-size: 40px; font-weight: 700; color: #333333; line-height: 4rem; margin-bottom: 1rem}
.sub_tbox_img2 .txtbox2 p { text-align: center; font-size: 1.2rem; font-weight: 400; color: #333333; line-height: 1.5}

.sub_tbox_img2 .radiusimg img {width: 100%; border-radius: 5px}


/*서브 중간흰색박스 좌측이미지 우측 설명 공통 + 모바일만 텍스트 가운데 정렬 + 검정원*/
.sub_tbox_img3 { clear: both; width: 100%; overflow: hidden; display: flex; padding: 0; align-items: center; justify-content: center}
.sub_tbox_img3 .leftimg { width: 48%; float: left; padding: 0}
.sub_tbox_img3 .righttxt { width: 52%; float: right; padding: 50px 45px; box-sizing: border-box; display: flex; flex-direction: column; align-items: left; justify-content: center}
.sub_tbox_img3 .righttxt .number { text-align: left; font-size: 95px; font-family: 'Roboto'; font-weight: 900; color: #e2e2e2}
.sub_tbox_img3 .righttxt .sub_title { text-align: left; font-size: 40px; font-weight: 800; color: #333333; line-height: 4rem}
.sub_tbox_img3 .righttxt .sub_txt { font-weight: 400; font-size: 1.2rem; line-height: 38px; margin: 15px 0 25px 0; color: #333333; letter-spacing: -1px; text-align: left}
.sub_tbox_img3 .radiusimg img {width: 100%; border-radius: 5px}

.circle_black {width: 100%; float: left}
.circle_black ul { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; padding: 0}
.circle_black li { background: #222222; color: #ffffff; font-weight: 400; font-size: 1.2rem; line-height: 100%; border-radius: 50%; width: 11.5rem; height: 11.5rem; opacity: 5; text-align: center; padding: 0; margin: 0 0.3rem !important}

/*서브 중간 검정배경 안 흰색박스 우측*/
.sub_dark_wbg_wrap { clear: both; width: 100%; overflow: hidden; display: flex; align-items: center; justify-content: space-between;}
.sub_dark_wbg { width: 620px; float: right}
.sub_dark_wbg ul { width: 100%;}
.sub_dark_wbg li { width: 100%; background: #ffffff url("/images/service/icon_x.png") no-repeat 5% 50%/ 1.2rem; padding: 28px 20px 28px 60px; margin-bottom: 10px; font-size: 1.2rem; color: #333333; font-weight: 500; text-align: left; box-sizing: border-box}
.sub_dark_wbg li:nth-child { margin-bottom: 0; }

/*서브 중간 좌측이미지 우측숫자 리스트*/
.sub_limg_rlist { clear: both; width: 100%; overflow: hidden; display: flex; align-items: center; }
.sub_limg_rlist .leftimg {padding: 0 90px 0 0}
.sub_limg_rlist .righttxt { box-sizing: border-box;}
.sub_limg_rlist .righttxt .graybox26{ background: #333333; font-size: 26px; color: #ffffff; font-weight: 800; padding: 4px 10px; line-height: 2.6rem; text-transform: uppercase}
.sub_limg_rlist .righttxt ul {width: 100%; margin-top: 0}
.sub_limg_rlist .righttxt li { width: 100%; background: #ffffff; padding: 10px 0; box-sizing: border-box}
.sub_limg_rlist .righttxt li:nth-child { margin-bottom: 0; }
.sub_limg_rlist .righttxt li dt { width: 30px; height: 30px;  background: #1550c7; font-weight:600; color: #ffffff ; font-size:16px; text-align: center; float: left; border-radius: 15px; line-height: 30px}
.sub_limg_rlist .righttxt li dd { padding: 0 0 0 40px; font-weight:400; color: #333333 ; font-size:24px; }
.sub_limg_rlist .righttxt li dd span { font-weight:800;}

/*공통 좌측 숫자 리스트*/
.number_list { clear: both; width: 100%; overflow: hidden;}
.number_list ul {width: 100%; display: flex; flex-direction: column}
.number_list li { width: 100%; background: #ffffff; padding: 10px 0; box-sizing: border-box}
.number_list li:nth-child { margin-bottom: 0; }
.number_list li dt { width: 30px; height: 30px;  background: #1550c7; font-weight:600; color: #ffffff ; font-size:16px; text-align: center; float: left; border-radius: 15px; line-height: 30px}
.number_list li dd { padding: 0 0 0 40px; font-weight:400; color: #333333 ; font-size:1.2rem; text-align: left }
.number_list li dd span { font-weight:800;}

/*성병팝업 정보*/
.stdprocess { clear: both; width: 100%; float: left; padding: 60px 20px; box-sizing: border-box}
.stdprocess h2 { font-size:40px; line-height:60px; font-weight: 700; letter-spacing: -1px; margin-top: 20px}
.stdprocess h3 { font-size:1.2rem; line-height:38px; font-weight: 400; letter-spacing: -1px; margin:25px 0; color: #333333 ; }
.stdprocess ul { width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin: 60px 0}
.stdprocess li {width: 33.333333%; }
.stdprocess li p {text-align: center; margin-bottom: 30px}
.stdprocess li dt { font-size: 1.2rem; font-weight: 400; color: #333333; text-align: center; margin-bottom: 15px}
.stdprocess li dd { font-size: 1.2rem; font-weight: 600; color: #1550c7; text-align: center; line-height: 34px }
.stdprocess .stdtest { background: #333333; width: 100%; font-size:30px; line-height:50px; font-weight: 700; letter-spacing: -1px; padding:15px 0; color: #ffffff ; box-sizing: border-box}

.stdprocess2 { clear: both; width: 100%; float: left;  padding: 60px 20px; box-sizing: border-box}
.stdprocess2 h2 { font-size:40px; line-height:60px; font-weight: 700; letter-spacing: -1px; margin-top: 20px}
.stdprocess2 h3 { font-size:1.2rem; line-height:38px; font-weight: 400; letter-spacing: -1px; margin:25px 0; color: #333333 ; }
.stdprocess2 ul { width: 90%; padding: 0 5%; display: flex; flex-direction:row; justify-content: space-between; align-items: flex-start; margin: 60px 0}
.stdprocess2 li { margin: 0.5rem 0; display: flex; flex-direction:row; justify-content: space-between; align-items: center; }
.stdprocess2 li:nth-child(1) {flex : 1 1 40%}
.stdprocess2 li:nth-child(2) {flex : 1 1 60%}
.stdprocess2 li:nth-child(1) p {width: 45%; float: left; text-align: left; display: flex; justify-content: space-between; align-items: center; margin : 0}
.stdprocess2 li:nth-child(1) dl { width: 55%; display: flex; flex-direction:column; justify-content: space-between; align-items: flex-start; margin: 0; }
.stdprocess2 li:nth-child(2) p {width: 28%; float: left; text-align: left; display: flex; justify-content: space-between; align-items: center; margin : 0}
.stdprocess2 li:nth-child(2) dl { width: 72%; display: flex; flex-direction:column; justify-content: space-between; align-items: flex-start; margin: 0; }
.stdprocess2 li dt { font-size: 1.2rem; font-weight: 400; color: #333333; text-align: left; margin-bottom: 15px}
.stdprocess2 li dd { font-size: 1.2rem; font-weight: 600; color: #1550c7; text-align: left; line-height: 34px  }
.stdprocess2 .stdtest { background: #333333; width: 100%; font-size:30px; line-height:50px; font-weight: 700; letter-spacing: -1px; padding:15px 0; color: #ffffff ; box-sizing: border-box}

.std_processbox { clear: both; width: 100%; margin: 0 auto 20px 0; border: 10px solid #f0f0f0; padding: 1% 3%; box-sizing: border-box; overflow: hidden; display: flex}
.std_processbox ul { margin: 0 auto;  width: 100%; display: flex; flex-wrap: wrap; justify-content:flex-start; align-items: center; padding: 0 }
.std_processbox li { flex : 1 1 50% ; box-sizing: border-box; padding: 0 0 0 35px; border-bottom: 1px dashed #c5c5c5; font-size: 1.2rem; font-weight: 400; line-height: 2.5rem; background: url("/images/n_common/warning_icon.png") no-repeat left 50%; text-align: left; display: flex; justify-content:flex-start; align-items: center}
.std_processbox li:nth-child(1) {flex : 1 1 50%}
.std_processbox li:nth-child(2) {flex : 1 1 50%}
.std_processbox li:last-child { border: none}
.std_processbox li em {font-weight: 600}

/* 로그인 */
.login { clear: both; width: 540px; margin: 0 auto; overflow: hidden}
.login h4{ clear: both; width: 100%; font-size: 60px; color: #333333;  text-align: center; font-weight: 800;  margin-bottom: 130px 0 20px 0; }
.login .bt_login { width: 100%; background: #d40000; font-size: 1.2rem; color: #ffffff; text-align: center; padding: 17px; box-sizing: border-box; border-radius: 3px; font-weight: 600}
.login .bt_join { width: 100%; background: #ffffff; font-size: 1.2rem; color: #333333; border: 1px solid #333333; text-align: center; padding: 17px; box-sizing: border-box; border-radius: 3px; font-weight: 600}
.login .bt_naver { width: 100%; background: #2db400 url("/images/common/icon_naver.png") no-repeat 7% 50%; background-size: 22px; font-size: 1.2rem; color: #ffffff; text-align: center; padding: 17px; box-sizing: border-box; border-radius: 3px; font-weight: 600}
.login .bt_kakao { width: 100%; background: #ffeb00 url("/images/common/icon_kakao.png") no-repeat 6% 50%; background-size: 30px; font-size: 1.2rem; color: #3c1e1e; text-align: center; padding: 17px; box-sizing: border-box; border-radius: 3px; font-weight: 600}

.login .check {clear: both; width: 100%; text-align: left; margin: 10px auto; font-size: 19px; padding: 15px 0; color: #333333; }
.login .check .find { float: right; color: #000000; text-decoration-line: underline; text-underline-offset: 7px; font-weight: 700}
.login .check .find:hover { cursor: pointer}

/* 아이디/비밀번호 찾기 */
.idpw { clear: both; width: 540px; margin: 0 auto; overflow: hidden; padding: 0; box-sizing: border-box; }
.idpw h3{ clear: both; width: 100%; float: left; font-size: 55px; color: #333333;  text-align: center; font-weight: 800; margin-bottom: 40px; }
.idpw .tab { clear: both; width: 100%; }
.idpw .tab ul {  width: 100%; border-bottom: 1px solid #333333; display: flex; flex-direction: row}
.idpw .tab li { width: 50%; font-size: 1.2rem; color: #989898;  text-align: center; font-weight: 400; border: 1px solid #d5d5d5; box-sizing: border-box; padding: 20px 0; border-radius: 5px 5px 0 0 }
.idpw .tab .on { width: 50%; font-size: 1.2rem; background: #333333; color: #ffffff;  text-align: center; font-weight: 600; border: none; border-radius: 5px 5px 0 0}
.idpw .tab li:hover { cursor: pointer}
.idpw .t_txt { width: 100%; font-size: 1.2rem; color: #333333; font-weight: 400;line-height: 1.6; letter-spacing: -1px; box-sizing: border-box; padding: 25px 0; text-align: center}
.idpw .txtbg {clear: both; background: #f4f4f4; padding: 30px 10px; text-align: center; margin-top: 10px}
.idpw .txtbg2 { clear: both; background: #f4f4f4; padding: 30px; text-align: left; margin-top: 10px; display: flex; flex-direction: column}
.idpw .radio input{  margin-right: 5px}

.idpw .check {clear: both; width: 100%; text-align: center; margin: 10px auto; font-size: 19px; padding: 15px 0; color: #333333; }
.idpw .check .find { color: #000000; text-decoration-line: underline; text-underline-offset: 7px; font-weight: 700}
.idpw .check .find:hover { cursor: pointer}

/* 회원가입 */
.join_apply { clear: both; width: 800px; margin: 0 auto; overflow: hidden; padding: 0; box-sizing: border-box; }
.join_w100 { clear: both; width: 100% !important; margin: 0 auto; overflow: hidden; padding: 0; box-sizing: border-box; }
.join_apply h4{ clear: both; width: 100%; float: left; font-size: 55px; color: #333333;  text-align: center; font-weight: 800; border-bottom: 1px solid #333333; margin-bottom: 40px; padding: 0 0 40px 0}
.join_apply h5{ clear: both; width: 100%; float: left; font-size:30px; line-height:50px; font-weight: 600; letter-spacing: -1px; color: #333333; border-bottom: 1px solid #333333; margin-bottom: 20px; padding: 0 0 15px 0}
.join_apply ul { width: 100%; display: flex; flex-direction: column; }
.join_apply li { width: 100%; margin: 10px 0}
.join_apply dl { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end}
.join_apply dt {width: 22%; font-size: 1.2rem; color: #333333; text-align: left; font-weight: 500; line-height: 50px}
.join_apply dd { width: 78%; font-size: 1.2rem; color: #333333; text-align: left; font-weight: 400; }
.join_apply dd .txt { padding: 5px 0; line-height: 50px; color: #1550c7; font-weight: 600;}

.join_apply .w50 { display: flex; align-items: center; justify-content: space-between; margin-bottom: 5px}
.join_apply .w50 input { width: 49.5%; font-size: 1.2rem; color: #333333; text-align: left; font-weight: 400; border: 1px solid #d5d5d5; background: #ffffff; padding: 5px 12px; height: 52px; box-sizing: border-box; border-radius: 3px}
.join_apply .w100 select{ display: block;  width: 100%; font-size: 1.2rem; color: #333333; text-align: left; font-weight: 400; border: 1px solid #d5d5d5; background: #ffffff; padding: 5px 12px; height: 52px; box-sizing: border-box; border-radius: 3px}

.join_apply dd textarea {width: 100%; font-size: 1.2rem; color: #333333; text-align: left; font-weight: 400; border: 1px solid #d5d5d5; background: #ffffff; padding: 5px 12px; box-sizing: border-box; border-radius: 3px}
.join_apply dd .applybt {float: right; background: #333333; font-size: 1.2rem; color: #ffffff; text-align: center; padding: 13px 10px; box-sizing: border-box; border-radius: 3px; width: 100px}
.join_apply dd .applybt:hover { cursor: pointer}

.join_apply dd .applybt2 {float: right; background: #1550c7; font-size: 1.2rem; color: #ffffff; font-weight: 400; text-align: center; padding: 12px 10px; box-sizing: border-box; border-radius: 3px;}
.join_apply dd .applybt2:hover { cursor: pointer}

.radiobt label { margin-right: 50px; line-height: 50px }
.radiobt input {width: 20px; height: 20px; margin-right: 5px}
.radiobt span { font-size: 1.2rem; color: #333333; text-align: left; font-weight: 400; margin-left: 5px}

.radiotxt { width: 100% !important; background: #f9f9f9; padding: 20px; margin: 10px 0; font-size: 1.1rem; color: #333333; text-align: left; font-weight: 400; line-height: 1.4}
.radiotxt span { color: #f12222}

.join_apply .infotxt { width: 100%; background: #f9f9f9; border: 1px solid #dfdfdf; padding: 30px 20px; margin: 10px 0; font-size: 24px; color: #333333; text-align: center; font-weight: 600; line-height: 1.4; box-sizing: border-box}

.join_apply .radio { width: 100%; background: #f4f4f4; padding: 30px 20px; margin: 10px 0; display: flex; flex-direction: column; font-size: 1.2rem; color: #333333; text-align: left; font-weight: 400;}
.join_apply .radio label { margin-right: 50px; width: 100%;}
.join_apply .radio input {width: 20px; height: 20px; margin-right: 5px}
.join_apply .radio span { font-size: 18px; color: #a0a0a0; text-align: left; font-weight: 400; margin-left: 5px}

.join_end { clear: both; width: 100%; border: 20px solid #eeeeee; padding: 100px; box-sizing: border-box; margin-bottom: 50px}
.join_end .title { font-size: 46px; font-weight: 800; color: #333333; text-decoration-line: underline; text-underline-offset: 15px; text-decoration-thickness: 3px; text-align: center; line-height: 1.8}
.join_end .txt { font-size: 1.2rem; font-weight: 400; color: #666666; line-height: 40px; text-align: center; margin-top: 50px}

/* 회원가입 동의 */
.join_agree { clear: both; width: 100%; float: left}
.join_agree ul { clear: both; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center;  box-sizing: border-box}
.join_agree li { clear: both; width: 50%; text-align: left; font-size: 18px; padding: 5px 0; color: #878787; flex: 1 1 40%; font-weight: 400; margin: 0; display: flex; align-items: center; gap: 7px;} 
.join_agree li label { display: flex; align-items: center; gap: 7px; letter-spacing: -1px; }
.join_agree .allagree{ width: 100%; background: #f0f0f0; border: 1px solid #d5d5d5; box-sizing: border-box; margin: 1rem 0}
.join_agree .allagree label { display: flex; align-items: center; justify-content: center; text-align: center; font-size:1.2rem; font-weight: 700; padding: 1rem 0; ; gap :10px}
.join_agree .allagree .checkbox input{ width: 1.2rem; height: 1.2rem}
.join_agree .bt_white { color:#878787; background:#ffffff; border: 1px solid #e1e1e1; font-weight: 400; text-align:center; box-sizing: border-box; padding:2px 10px; font-size:16px;}
.join_agree .bt_white:hover { cursor: pointer}
.join_agree .txt { font-size: 1.2rem; font-weight: 400; color: #333333; line-height: 1.6; text-align: left; padding: 10px 0}

/* 마이페이지_sns연결설정 */
.my_sns { width: 800px; margin: 0 auto; overflow: hidden; padding: 0; box-sizing: border-box; border-top: 1px solid #333333; border-bottom: 1px solid #333333;}
.my_sns ul { width: 100%; display: flex; flex-direction: column; }
.my_sns li { width: 100%; padding: 30px 0; border-bottom: 1px solid #e7e7e7}
.my_sns li:last-child { border: none}
.my_sns dl { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center}
.my_sns dt { width: 60%; font-size: 1.2rem; color: #333333; text-align: left; font-weight: 600; display: flex; flex-direction: row; align-items: center; gap:10px}
.my_sns dt span { color: #adadad; text-align: left; font-weight: 400; line-height: 50px; margin-left: 20px}
.my_sns dd { text-align: right}
.my_sns dd .btn_white { border-radius: 5px; color:#333333; background:#ffffff; border: 1px solid #333333; font-weight: 500; text-align:center; box-sizing: border-box; padding:15px 30px; font-size:20px; }
.my_sns dd .btn_black { border-radius: 5px; color:#ffffff; background:#333333; font-weight: 500; text-align:center; box-sizing: border-box; padding:15px 30px; font-size:20px; }
.my_sns dd .btn_violet { border-radius: 5px; color:#ffffff; background:#1550c7; font-weight: 500; text-align:center; box-sizing: border-box; padding:15px 30px; font-size:20px; }
.my_sns dd .btn_blue { border-radius: 5px; color:#ffffff; background:#1550c7; font-weight: 500; text-align:center; box-sizing: border-box; padding:15px 30px; font-size:20px; }
.my_sns dd .btn_red { border-radius: 5px; color:#ffffff; background:#f75454; font-weight: 500; text-align:center; box-sizing: border-box; padding:15px 30px; font-size:20px; }

/* 마이페이지_마케팅수신동의 */
.my_marketing { clear: both; width: 800px; margin: 0 auto; overflow: hidden; padding: 30px 0 0 0; box-sizing: border-box; border-top: 1px solid #333333; }
.my_marketing h4{ clear: both; width: 100%; float: left; font-size: 30px; color: #333333;  text-align: left; font-weight: 800;  padding: 0}
.my_marketing ul { width: 100%; display: flex; flex-direction: column; }
.my_marketing li { width: 100%; padding: 30px 0;  border-bottom: 1px dashed #e7e7e7; float: left}
.my_marketing li:first-child { padding-top : 10px}
.my_marketing li:last-child { border: none; padding-bottom: 10px}
.my_marketing dl { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end}
.my_marketing dt {width: 100%; font-size: 1.2rem; color: #333333; text-align: left; font-weight: 400; line-height: 50px; margin: 5px 0}
.my_marketing dd { width: 100%; display: block; font-size: 1.2rem; color: #333333; text-align: left; font-weight: 400; padding: 5px 0}
.my_marketing .radio { width: 100%; background: #f4f4f4; padding: 30px 20px; margin: 10px 0; text-align: center;  }
.my_marketing .radio label { text-align: center; padding: 20px  }
.my_marketing .radio input {width: 20px; height: 20px; margin-right: 5px}
.my_marketing .radio .agreement { font-size: 20px; color: #a0a0a0; text-align: center; font-weight: 400; padding: 10px 0 0 0}
.my_marketing .w50 { display: flex; flex-direction: row; align-items: center; justify-content: space-between}
.my_marketing .w50 input, .w50 select{ width: 32.5%; font-size: 1.2rem; color: #333333; text-align: left; font-weight: 400; border: 1px solid #d5d5d5; background: #ffffff; padding: 5px 12px; height: 52px; box-sizing: border-box; border-radius: 3px}
.my_marketing .w100 {width: 100%; font-size: 1.2rem; color: #333333; text-align: left; font-weight: 400; border: 1px solid #d5d5d5; background: #ffffff; padding: 5px 12px; height: 52px; box-sizing: border-box; border-radius: 3px;}
.my_marketing dd .applybt {float: right; background: #333333; font-size: 1.2rem; color: #ffffff; text-align: center; padding: 13px 10px; box-sizing: border-box; border-radius: 3px; width: 100px}
.my_marketing dd .applybt:hover { cursor: pointer}

/* 마이페이지_회원탈퇴 */
.my_leave { clear: both; width: 800px; margin: 0 auto; overflow: hidden; padding: 40px 0; box-sizing: border-box; border-top: 1px solid #333333; }
.my_leave ul { width: 100%; display: flex; flex-direction: column; }
.my_leave li { width: 100%; padding: 30px 0; border-bottom: 1px dashed #e7e7e7; float: left}
.my_leave li:first-child { padding-top : 10px}
.my_leave li:last-child { border: none; }
.my_leave dl { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end}
.my_leave dt {width: 100%; float: left; font-size: 30px; color: #333333;  text-align: left; font-weight: 800;}
.my_leave dd { width: 100%; display: block; margin: 10px 0}
.my_leave dd textarea {width: 100%; font-size: 1.2rem; color: #333333; text-align: left; font-weight: 400; border: 1px solid #d5d5d5; background: #ffffff; padding: 5px 12px; box-sizing: border-box; border-radius: 3px}
.my_leave .radio { width: 100%; background: #f4f4f4; padding: 30px 20px; margin: 10px 0; display: flex; flex-direction: column; font-size: 1.2rem; color: #333333; text-align: left; font-weight: 400;}
.my_leave .radio label { margin-right: 50px; width: 100%; padding: 8px }
.my_leave .radio input {width: 20px; height: 20px; margin-right: 5px}
.my_leave .radio span { font-size: 18px; color: #a0a0a0; text-align: left; font-weight: 400; margin-left: 5px}

/* 휴면계정 */
.dormancy { margin: 50 auto; clear: both; width: 540px; border: 15px solid #eeeeee; padding: 30px 10px; box-sizing: border-box;  overflow: hidden}
.dormancy .txt { font-size: 1.2rem; font-weight: 400; color: #666666; line-height: 40px; text-align: center; }

/*하단 공통 의료 서비스*/
.subpageSlider { 
	position: relative; 
	width: 1300px; 
	margin: 30px auto 0 auto;
}
.hos-intro-slider {
    position: absolute;
    overflow: hidden;
    height: 600px;
    right: 0px;
    width: 180%;
    min-width: 100%;
}

.subpageSlider .hos-intro-slider .swiper-slide {
    width: 625px !important;
    margin-right: 50px;
}

.subpageSlider .hos-intro-slider .swiper-slide dl { margin-top: 40px}
.subpageSlider .hos-intro-slider .swiper-slide dt { font-size: 34px; font-weight: 700; color: #333333; text-align: left; margin-bottom: 20px}
.subpageSlider .hos-intro-slider .swiper-slide dd { font-size: 1.2rem; font-weight: 400; color: #333333; text-align: left }

.subpageSlider .hos-intro-slider .common-bar-paging {
    border-radius: 0;
    left: 0;
    background: #f5f2f0;
    height: 6px;
    width: 1300px;
    bottom: 0;
}

/*하단공통*/
.scaleimgBox { clear: both; width: 100%; margin: 30px 0 140px 0; }
.scaleimgBox ul { width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.scaleimgBox li {width: 32%;}

.scaleimg {position: relative; width: 100%; height: 546px; overflow: hidden }
.scaleimg .scaleimg1 {width: 100%; height: 546px; background: url("/images/common/common_banner_img01.jpg") no-repeat;}
.scaleimg .scaleimg1:hover { 
	transition: all .6s ease; 
	transition: scale(1.15); /* default */
	-webkit-transform:scale(1.15); /* 크롬 */
	-moz-transform:scale(1.15); /* FireFox */
	-o-transform:scale(1.15); /* Opera */
	cursor: pointer;		
		
}
.scaleimg .scaleimg2 {width: 100%; height: 546px; background: url("/images/common/common_banner_img02.jpg") no-repeat}
.scaleimg .scaleimg2:hover { 
	transition: all .6s ease; 
	transition: scale(1.15); /* default */
	-webkit-transform:scale(1.15); /* 크롬 */
	-moz-transform:scale(1.15); /* FireFox */
	-o-transform:scale(1.15); /* Opera */
	cursor: pointer;		
		
}
.scaleimg .scaleimg3 {width: 100%; height: 546px; background: url("/images/common/common_banner_img03.jpg") no-repeat}
.scaleimg .scaleimg3:hover { 
	transition: all .6s ease; 
	transition: scale(1.15); /* default */
	-webkit-transform:scale(1.15); /* 크롬 */
	-moz-transform:scale(1.15); /* FireFox */
	-o-transform:scale(1.15); /* Opera */
	cursor: pointer;		
		
}
.scaleimg .scaleimg4 {width: 100%; height: 546px; background: url("/images/n_common/common_banner_img04.jpg") no-repeat}
.scaleimg .scaleimg4:hover { 
	transition: all .6s ease; 
	transition: scale(1.15); /* default */
	-webkit-transform:scale(1.15); /* 크롬 */
	-moz-transform:scale(1.15); /* FireFox */
	-o-transform:scale(1.15); /* Opera */
	cursor: pointer;		
		
}
.scaleimg dl{ width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column}
.scaleimg dt { font-size: 28px; color: #ffffff; font-weight: 400; text-align: center; line-height: 36px}
.scaleimg dd { font-size: 20px; color: #ffffff; font-weight: 400; text-align: center; text-decoration: underline; text-underline-offset:10px; line-height: 200%;}
.scaleimg dd span { font-size: 14px; line-height: 30%}

.common-bar-paging .swiper-scrollbar-drag {
    border-radius: 0;
    background: #1550c7;
}

/*검색*/
.search {width: 100%; display: flex; align-items: center; justify-content: flex-end;}
.search input { font-size: 21px; color: #333333; text-align: left; font-weight: 400; border: 1px solid #d5d5d5; background: #ffffff; padding: 12px; box-sizing: border-box; border-radius: 3px; margin-right: 10px}
.search select { font-size: 21px; color: #333333; text-align: left; font-weight: 400; border: 1px solid #d5d5d5; background: #ffffff; padding: 9px 12px; box-sizing: border-box; border-radius: 3px; margin-right: 10px}
.search .searchbt {background: #333333; font-size: 21px; color: #ffffff; text-align: center; padding: 13px 25px; box-sizing: border-box; border-radius: 3px; }
.search .searchbt:hover { cursor: pointer}

/*게시판 기본 테이블*/
.board_list {width: 100%; clear:both; border-collapse:collapse; border-top:2px solid #333333; border-bottom:1px solid #ececec; margin:30px 0 }
.board_list caption{display:none}
.board_list thead tr {border-bottom :1px solid #ececec; }
.board_list tbody tr {border-bottom :1px solid #ececec; }
.board_list thead td { background:#ffffff; padding: 20px 15px; text-align: center; font-size: 1.2rem ; color:#333333; font-weight: 600; }
.board_list thead th { background:#f8f8f8; padding: 20px 15px; text-align: center; font-size: 1.2rem ; color:#333333; font-weight: 600;}
.board_list tbody th { background:#ffffff; padding: 20px 15px; font-size: 1.2rem; text-align: center; color:#333333; font-weight: 400}
.board_list tbody td {padding: 20px 15px ; text-align: left; font-size: 1.2rem; color: #333333; line-height:28px; font-weight: 400; word-break: keep-all; border-right:1px solid #ececec}
.board_list tbody td:last-child { border-right:none}
.board_list tbody tr:hover { cursor: pointer}
.board_list .noticetxt img { width: 12px; margin: 0.3rem 0.5rem 0 0}

/*게시판 기본 테이블_cursor none*/
.board_list2 {width: 100%; clear:both; border-collapse:collapse; border-top:2px solid #333333; border-bottom:1px solid #ececec; margin:30px 0 }
.board_list2 caption{display:none}
.board_list2 thead tr {border-bottom :1px solid #ececec; }
.board_list2 tbody tr {border-bottom :1px solid #ececec; }
.board_list2 thead td { background:#ffffff; padding: 20px 15px; text-align: center; font-size: 1.2rem ; color:#333333; font-weight: 600; }
.board_list2 thead th { background:#f8f8f8; padding: 20px 15px; text-align: center; font-size: 1.2rem ; color:#333333; font-weight: 600;}
.board_list2 tbody th { background:#ffffff; padding: 20px 15px; font-size: 1.2rem; text-align: center; color:#333333; font-weight: 400}
.board_list2 tbody td {padding: 20px 15px ; text-align: center; font-size: 1.2rem; color: #333333; line-height:28px; font-weight: 400; word-break: keep-all; border-right:1px solid #ececec}
.board_list2 tbody td:last-child { border-right:none}
.board_list2 .noticetxt {background: #1550c7; color: #ffffff; font-size: 20px; text-align: center; padding: 2px 6px; margin-right: 5px; border-radius: 3px}
.board_list2 .certified {background: #333333; color: #ffffff; font-size: 1.1rem; text-align: center; padding: 4px 20px; border-radius: 3px;}
.board_list2 .uncertified {background: #e2e2e2; color: #8a8a8a; font-size: 1.1rem; text-align: center; padding: 4px 12px; border-radius: 3px;}
.board_list2 .money_recharge {background: #ffffff; color: #333333; font-size: 1.1rem; text-align: center; padding: 4px 10px; border-radius: 3px; border: 1px solid #333333}
.board_list2 .money_invite {background: #f4f4f4; color: #333333; font-size: 1.1rem; text-align: center; padding: 4px 10px; border-radius: 3px; border: 1px solid #333333}

/*게시판 언론보도*/
.new_tablenews {  width: 100%; clear:both; margin:30px 0; padding:30px 0; border-bottom :1px solid #d8d8d8; border-top :2px solid #333333}
.new_tablenews ul {display: flex; flex-wrap: wrap; align-self: auto !important; justify-content: space-between !important; gap : 1%}
.new_tablenews li { width: 23%; padding: 2% 0}
.new_tablenews li dl {width: 100%;  float:left;  }
.new_tablenews li dl:hover {  text-decoration:none; cursor: pointer; }
.new_tablenews li dt {padding: 0 ; width: 100%; border:1px solid #e9e9e9; box-sizing: border-box; margin-bottom: 7px}
.new_tablenews li dt img {width: 100%; height: 190px; object-fit: cover; object-position :top}
.new_tablenews li dd {width: 100%; text-align: left; line-height: 28px; font-size: 1.2rem}

/*게시판 기본 상세*/
.board_view { clear: both; width: 100%; display: flex; margin: 0; flex-direction: column}
.board_view .title { clear: both; width: 100%; float: left; font-size: 36px; color: #333333;  text-align: left; font-weight: 800; line-height: 130%; border-bottom: 1px solid #d4d4d4; padding: 10px 0 30px 4px; box-sizing: border-box; ; word-break: keep-all;}
.board_view .title2 { clear: both; width: 100%; float: left; font-size: 36px; color: #333333;  text-align: left; font-weight: 800; line-height: 130%; word-break: keep-all;}
.board_view .date2 { clear: both; width: 100%; float: left; font-size: 20px; color: #8b8b8b;  text-align: left; font-weight: 400; border-bottom: 1px solid #d4d4d4; padding: 10px 0 20px 4px; box-sizing: border-box}
.board_view .newsgo button { background: #091d3f; color: #ffffff; font-size: 20px; padding: 10px 35px; text-align: center; margin-bottom: 5px}
.board_view .view { clear: both; width: 100%; text-align: left; padding: 60px 0; box-sizing: border-box; overflow: hidden; font-size: 1.2rem ; color:#333333; font-weight: 400; line-height: 1.6}
.board_view .view p { clear: both; width: 100%; text-align: left; font-size: 1.2rem ; color:#333333; font-weight: 400; line-height: 1.6}
.board_view .txt { clear: both; width: 100%; font-size: 1.2rem; color: #333333; font-weight: 400; text-align: center; box-sizing: border-box; overflow: hidden; padding: 60px 0; }
.board_view .stxt { clear: both; width: 100%; font-size: 16px; color: #848484; font-weight: 300; text-align: center; padding: 60px 0; box-sizing: border-box; overflow: hidden; line-height: 1.6}

/*페이징*/
.pagination { clear: both; display: flex; justify-content: center; align-items: center; list-style-type: none; padding: 0; margin: 50px 0 0 0;}
.pagination a { color: #333; padding: 9px 12px; border: 1px solid #ddd; margin: 0 2px; font-size: 16px; transition: background-color 0.3s ease; line-height: 100% !important }
.pagination a:hover { background-color: #f1f1f1; }
.pagination a.active { background-color: #333; color: #fff; border-color: #333;}
.pagination a.first-page, .pagination a.prev-page, .pagination a.next-page , .pagination a.last-page  { line-height: 30px !important; height: 34px; padding: 0 12px}

/*이전글 다음글*/
.nextprev_wrap { clear: both; float: left; width: 100%; border-top: 1px solid #333333; border-bottom: 1px solid #333333; margin: 0 0 50px 0}
.nextprev_wrap .prev { width: 100%; border-bottom: 1px solid #ececec; padding: 25px 0; }
.nextprev_wrap .next { width: 100%; padding: 20px 0;}
.nextprev_wrap .prev .title {background: url("/images/n_community/arrow_up.png") no-repeat 75px 50%; background-size: 17px; font-size: 1.2rem; font-weight: 700; margin-bottom: 15px; }
.nextprev_wrap .next .title {background: url("/images/n_community/arrow_down.png") no-repeat 75px 50%; background-size: 17px; font-size: 1.2rem; font-weight: 700; margin-bottom: 15px; }
.nextprev_wrap .txt { font-size: 20px; font-weight: 400; color: #797979 }
.nextprev_wrap .txt:hover { cursor: pointer}


/* 하단 상담대표전화 & 상담신청*/
.quick_wrap { display: none}

/* 신청 폼 공통 */
.info_warp {width:100%; margin:0 auto;}
.info_warp .fc{ color: #e8a91e}

.info_warp .input_set{position:relative;margin-bottom:7px; clear: both}
.info_warp .input_set .fl{position:absolute;top:0;left:0}
.info_warp .input_set .fr{position:absolute;top:0;right:0}

.info_warp .input_wrap{line-height:45px;position:relative;overflow:hidden;}

.info_warp .int{line-height:45px;display:block;overflow:hidden;height:32px;padding:8px;background:#fff;border-radius:3px  }
.info_warp .int input{color:#444444;font-size:20px;line-height:32px;width:100%;height:28px;vertical-align:top;border:none; outline: none ; background:#fff;}
.info_warp .int select{color:#444444;font-size:20px;line-height:32px;width:100%;height:28px;vertical-align:top;border:none; outline: none; background:#fff;}

.info_warp .int2{float: left;line-height:54px;display:block;overflow:hidden;height:54px;padding:11px 8px 25px 8px;background:#fff; width:30%; box-sizing: border-box; margin: 2px;border-radius:3px;  }
.info_warp .int2:last-child{float: left;line-height:54px;display:block;overflow:hidden;height:54px;padding:10px;background:#fff; width:38%; box-sizing: border-box; margin: 2px;border-radius:3px;  }
.info_warp .int2 select{ color:#444444;font-size:20px;line-height:34px;width:100%;height:34px;vertical-align:top; border-radius:3px; outline: none; background:#fff; border: none}

.info_warp .input_wrap_type3{margin-right:117px}

.info_warp .bt_number {border-radius:3px; font-weight: 600; font-size:20px; line-height:32px;display:inline-block;overflow:hidden; width:110px; height:32px; text-align:center; vertical-align:top; white-space:nowrap; background:#333333; color:#ffffff !important}

.info_warp .event_agree {width:100%; text-align:center; vertical-align:middle; color:#333333; margin: 5px auto; clear: both; font-size:20px; padding:18px 0}
.info_warp .event_agree a{ color:#fff;  font-size:20px}
.info_warp .event_agree a:link, a:visited { color:#333333;  font-size:20px}
.info_warp .event_agree .okbt { background: #ffffff; border: 1px solid #e0e0e0; padding: 2px 5px; color: #333333; font-weight: 400; font-size: 18px}
.info_warp .event_agree .okbt:hover { cursor: pointer}

.info_warp .ok_button {text-align:center; width:100%; padding:15px 0; clear:both; background: #d40000; color:#fff; font-size: 1.2rem; font-weight: 700; border-radius:3px}
.info_warp .ok_button:hover { cursor: pointer}

.info_warp .ok_button2 {text-align:center; width:100%; padding:15px 0; clear:both; background: #333333; color:#fff; font-size: 1.2rem; font-weight: 700; border-radius:3px}
.info_warp .ok_button2:hover { cursor: pointer}

/*apply*/
.apply { clear: both; width: 100%; float: left; margin: 30px 0; background: #ffffff; padding: 60px 0; box-sizing: border-box; border-top: 1px solid #333333; border-bottom: 1px solid #333333}
.apply ul { width: 100%; display: flex; flex-direction: column; }
.apply li { width: 100%; margin: 0.5rem 0}
.apply dl { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end}
.apply dt { width: 17%; font-size: 1.2rem; color: #333333; text-align: left; font-weight: 600; line-height: 45px}
.apply dt .blue { color: #1550c7; font-weight: 600; line-height: 45px}
.apply dd { width: 83%; display: block; margin-bottom: 5px}

.apply .input_set{position:relative;margin-bottom:8px; clear: both}
.apply .input_set .fl{position:absolute;top:0;left:0}
.apply .input_set .fr{position:absolute;top:0;right:0}

.apply .input_wrap{line-height:45px;position:relative;overflow:hidden;margin-bottom:6px;}
.apply .int { line-height:45px; display:block; overflow:hidden; height:50px; padding:11px 10px 0 10px; background:#fff; border-radius:3px; border:1px solid #d9d9d9; margin-bottom: 5px}
.apply .int input { color:#444444; font-size:1.2rem; line-height:39px; width:100%; height:39px; border:none; outline: none; background:#fff;}
.apply .int select { color:#444444; font-size:1.2rem; line-height:39px; width:100%; height:39px; border:none; outline: none; background:#fff ;}

.apply .input_wrap2 { position:relative; overflow:hidden; margin-bottom:6px; display: flex; justify-content: space-between; flex-direction: row}
.apply .int2 { width:32.8%; overflow:hidden; height:63px; padding:11px; background:#fff; border-radius:3px; border:1px solid #d9d9d9; margin-bottom: 5px; box-sizing: border-box; }
.apply .int2 input {color:#444444; font-size:1.2rem; line-height:40px; width:100%; border:none; outline: none; background:#fff;}
.apply .int2 select {color:#444444; font-size:1.2rem; line-height:40px; width:100%; height:40px;border:none; outline: none; background:#fff ;}

.apply textarea {color:#444444; font-size:1.2rem; line-height:29px; width:100%; height:200px; border:1px solid #d9d9d9; background:#fff ; box-sizing: border-box}

.apply .input_wrap_type3{margin-right:207px}

.apply .bt_gray {border-radius:3px;font-weight: 400; font-size:1.2rem; line-height:63px; display:inline-block; overflow:hidden; width:200px; height:63px; text-align:center; white-space:nowrap; background:#333333; color:#fff !important}

.apply_agree {clear: both; width: 100%; text-align: center; vertical-align: middle; margin: 2rem auto; font-size: 1.2rem; padding: 0; color: #333333;}

/*카피라이터*/
.footer { background:#ffffff; clear:both; width:100%; float:left; padding: 55px 0; border-top: 1px solid #e0e0e0 }
.footer .logo { width:200px; float: left}
.footer .logo img { width:10rem; }
.footer .address { float:right; text-align:left ; color:#333333; }
.footer .address ul {  padding-bottom:10px; float:left}
.footer .address li { float:left; color:#333333; padding-right: 5px; font-size:1.1rem; line-height: 1.6 }
.footer .address li a {color:#333333; font-size:18px}
.footer .address li a:hover {color:#333333}
.footer .address p { clear:both; color:#333333; font-size:1rem; font-weight: 300; line-height: 1.4}

.quickBar { display:none}

/*우측 퀵메뉴*/
.sidequick { position: fixed; bottom: 100px; right: 20px; z-index: 999999}
.sidequick ul { width: 57px; float: right;}
.sidequick li {margin-bottom: 10px; position: relative;}
.sidequick li:hover { cursor: pointer}
.sidequick li:last-child {   margin-bottom: 0}
/* 툴팁 기본 스타일 */
.sidequick .tooltip { visibility: hidden; opacity: 0; width: max-content; max-width: 200px; background-color: #333; color: #fff; text-align: center; padding: 6px 10px; border-radius: 6px; position: absolute; right: 70px; top: 50%; transform: translateY(-50%); transition: opacity 0.3s; font-size: 13px; white-space: nowrap; z-index: 1000;}

/* hover할 때 툴팁 보이게 */
.sidequick li:hover .tooltip { visibility: visible; opacity: 1; }

/* 화살표 추가 */
.sidequick .tooltip::after { content: ""; position: absolute; top: 50%; left: 100%; transform: translateY(-50%); border-width: 6px; border-style: solid; border-color: transparent transparent transparent #333; /* 왼쪽 방향 화살표 */}





/*상세검색*/
/* 전체 컨테이너 */
.filter-container {
  clear: both;
  float: left;
  max-width: 100%;
  margin: 20px auto;
  background: #f6f6f6; 
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  padding: 40px;  
  box-sizing: border-box;
}

/* 드롭다운과 검색창 래퍼 */
.controls {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* select 스타일 */
.controls select {
  padding: 10px 28px 10px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #fff;
  font-size: 1.2rem;
  appearance: none; /* 기본 화살표 숨김 */
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D'10'%20height%3D'7'%20viewBox%3D'0%200%2010%207'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Cpath%20d%3D'M0%200l5%207%205-7z'%20fill%3D'%23666'%20/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 10px 7px;
}

/* 키워드 검색창 */
    .search-input {
      display: block;
      width: 100%;
      margin-top: 0px;
      padding: 10px 12px;
      border: 1px solid #ddd;
      border-radius: 4px;
      font-size: 1.2rem;
      color: #333;
    }
    .search-input::placeholder {
      color: #aaa;
    }

/* 태그(칩) 영역 */
.tags {
  width: 100%; 	
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  border-top: 1px solid #e0e0e0;
  padding-top: 20px;
}

.tag {
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  background-color: #ffffff;border: 1px solid #e3e3e3;
  border-radius: 5px;
  font-size: 18px;
  color: #646464;
}

.tag .remove {
  display: inline-block;
  margin-left: 6px;
  font-size: 12px;
  cursor: pointer;
}



 /* ---------------------------------------매칭리스트----------------------------------- */
/* 카드 컨테이너: 사진과 우측 영역을 가로 정렬 */
.profile-card {
	display: flex;
	background-color: #ffffff;
	border: 1px solid #e0e0e0;
  	border-radius: 8px;
  	padding: 35px;
  	width: 100%;
  	margin: 0 auto 20px auto;
  	font-family: sans-serif;
  	color: #333;
	box-sizing: border-box;
	flex-wrap: wrap;
}
.profile-card:hover{
	cursor: pointer; border: 1px solid #e74c3c;
}
/* 왼쪽 사진 섹션 */
.profile-card .photo {
  position: relative;
  width: 190px;
  border-radius: 8px;
  overflow: hidden;
  flex-shrink: 0;
}
.profile-card .photo img {
  width: 100%;
  height: 100%;
  max-height: 235px;
  object-fit: cover;
  object-position: center; image-rendering: auto; image-rendering: -webkit-optimize-contrast;
}	
.profile-card .grayscale img {
  width: 100%;
  height: auto !important;
  object-fit: cover;
  object-position: center;
  filter: grayscale(100%);
}
.profile-card .photo .favorite {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 35px;
  height: 35px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #e74c3c;
  cursor: pointer;
}

/* 오른쪽 컨테이너: 이름, 정보, 인증 뱃지 */
.profile_right {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-left: 24px;
}

/* 이름 및 검색 헤더: 우측 상단 */
.profile-card .name-search {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f6f6f6;
  padding: 12px 16px;
  border-radius: 5px;
}
.profile-card .name-search h2 {
  	margin: 0;
  	font-size: 30px;
  	font-weight: 600;
	color: #333333;
}
.profile-card .name-search h2 span {
  	font-size: 30px;
  	color: #333333;
  	margin-left: 4px;
  	font-weight: 300;
}
.profile-card .name-search .search-btn {
  background: none;
  border: none;
  font-size: 20px;
  cursor: pointer;
  color: #666;
}

/* 정보와 인증 뱃지를 가로로 배치 */
.profile-card .profile_content {
  display: flex;
  gap: 24px;
}

/* 상세 정보 리스트 */
.profile-card .details {
  flex: 1;
  background: #fff;
  border-radius: 4px;
  padding: 5px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.profile-card .detail {
  display: flex;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid #f0f0f0;
  padding: 10px 0;
  box-sizing: border-box;
}
.profile-card .detail .icon {
  width: 26px;
  height: 26px;
  background-size: contain;
  background-repeat: no-repeat;
  flex-shrink: 0;
}
.profile-card .icon.phone { background-image: url('/images/matching/phone-icon.png');  }
.profile-card .icon.job   { background-image: url('/images/matching/user-icon.png'); }
.profile-card .icon.loc   { background-image: url('/images/matching/location-icon.png'); }
.profile-card .detail .label {
  width: 70px;
  font-size: 1.2rem;
  color: #959595;
  font-weight: 300;
}
.profile-card .detail .value {
  font-size: 1.2rem;
  font-weight: 600;
}

/* 인증 뱃지 그리드 */
.profile-card .badges_pc {
  display: grid;
  grid-template-columns: repeat(2, auto);
  gap: 12px 16px;
  align-content: start;
}
.profile-card .badges_m {
  display: none
}
.profile-card .badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 18px;
  background: #fff;
}
.profile-card .badge .check {
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: contain;
  background-repeat: no-repeat;
  flex-shrink: 0;
}
.profile-card .badge.active {
  border-color: #e74c3c;
}
.profile-card .badge.active .check { background-image: url('/images/matching/check-red.png'); }
.profile-card .badge.disabled {
  color: #aaa;
  border-color: #ddd;
}
.profile-card .badge.disabled .check { background-image: url('/images/matching/check-gray.png'); }
/* ---------------------------------------//매칭리스트----------------------------------- */


/* ---------------------------------------모바일 상세검색 팝업----------------------------------- */
/* 오버레이 (모달 배경) */
    .overlay {
      display: none;
      position: fixed;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: rgba(0, 0, 0, 0.6);
      z-index: 1000;
      overflow: auto;
      padding: 20px;
	  box-sizing: border-box;
    }

    /* 모달 박스 */
    .modal {
      background: #fff;
      border-radius: 8px;
      max-width: 1200px;
      width: 100%;
      margin: 120px auto 0 auto;
      overflow: hidden;
    }
	.modal_800 {
      background: #fff;
      border-radius: 8px;
      max-width: 800px;
      width: 100%;
      margin: 120px auto 0 auto;
      overflow: hidden;
    }

	.modal_400 {
      background: #fff;
      border-radius: 8px;
      max-width: 400px;
      width: 100%;
      margin: 20% auto 0 auto;
      overflow: hidden;
    }

    .modal-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 16px;
      border-bottom: 1px solid #eee;
    }
    .modal-header h2 { font-size: 26px; }
    .modal-close {
      background: none;
      border: none;
      font-size: 24px;
      cursor: pointer;
	  color: #333333;
    }

	/* 팝업 기본 글자&form */
	.pop_warp { padding: 2rem 1.5rem; text-align: center}
	.pop_warp p{
        font-size: 1.2rem;
		text-align: center;
		line-height: 1.6;	
    }
	.pop_warp input{
		clear: both;
        font-size: 1.2rem;
		text-align: center;
		padding: 0.7rem;
		width: 100%;	
		box-sizing: border-box;
		border-radius:3px; 
		border:1px solid #d9d9d9
    }
	
	.pop_totalpay { padding: 0 1rem 3rem 1rem; text-align: center}
	.pop_totalpay dl {display: flex; align-items: center; justify-content: space-around; flex-direction: row; gap:1rem}
	.pop_totalpay dt {  width: 50%; }
	.pop_totalpay dt h3 { font-size: 2rem; text-align: left; line-height: 1.4; font-weight: 700; margin-bottom: 3rem }
	.pop_totalpay dt p {font-size: 1.2rem; text-align: left; line-height: 1.6;}
	.pop_totalpay dd { width: 50%}
	.pop_totalpay dd img { width: 100%}

	.pop_share { padding: 2rem 1.5rem; text-align: center}
	.pop_share ul {display: flex; align-items: center; justify-content: space-around; flex-direction: row}
	.pop_share li img { width: 6rem}
	.pop_share li:hover { cursor: pointer}
	.pop_share li p {
        font-size: 1.2rem;
		text-align: center;
		line-height: 1.6;
		margin-top: 1rem;
    }

    /* 상세검색 레이아웃 */
    .search_container { display: flex; }
    .search_sidebar { width: 30%; background: #f6f6f6; border-right: 1px solid #eee; }
    .search_sidebar ul { list-style: none; }
    .search_sidebar li {
      padding: 14px 12px;
      cursor: pointer;
      transition: background 0.2s;
    }
    .search_sidebar li:hover { background: #f0f0f0; }
    .search_sidebar li.active { background: #fff; color: #d00; font-weight: 600; }

    .search_content { width: 70%; padding: 12px; }
    .search_content > div { display: none; }
    .search_content > div.active { display: block; }
    .search_content label { display: block; margin-bottom: 15px; cursor: pointer; }

    .search_tags { display: flex; flex-wrap: wrap; padding: 12px; border-top: 1px solid #eee; }
    .search_tag {
      background: #ffffff;
      padding: 6px 10px;
      margin: 4px;
      border-radius: 3px;
      font-size: 0.9rem;
      cursor: pointer;
      border: 1px solid #e3e3e3;
    }
	.search_tag_close {
      background: none;
      border: none;
      margin-left: 6px;
      font-size: 0.7rem;
      cursor: pointer;
	  color: #333333;
    }
    .search_buttons {
      display: flex;
      justify-content: space-between;
      padding: 12px;
      border-top: 1px solid #eee;
    }
    .btn.reset { background: #fff; border: 1px solid #ccc; color: #333; }
    .btn.apply { background: #d00; color: #fff; }
	
/* ---------------------------------------//모바일 상세검색 팝업----------------------------------- */

	
/* ---------------------------------------매칭 상세정보 팝업----------------------------------- */

.info-modal .info-content { padding: 16px; }
.info-modal .info-content2 { padding: 16px; text-align: center}
.info-modal .info-content2 img {width: 100%}
.info-top { text-align: center; margin-bottom: 12px; }
.info-top .match-btn { background: #d00 url("/images/matching/heart_white.png") no-repeat 20% 50%; background-size: 1.5rem; color: #fff; border-radius: 4px; padding: 14px 30px 14px 60px; font-size: 1.2rem; font-weight: 400 }
.info-top .match-btn_cancel { background: #ffffff url("/images/matching/heart_black.png") no-repeat 20% 50%; border: 1px solid #cccccc; background-size: 1.5rem; color: #333333; border-radius: 4px; padding: 14px 30px 14px 60px; font-size: 1.2rem; font-weight: 400 }
.info-top .match-btn_share { background: #ffffff url("/images/matching/inon_share.png") no-repeat 20% 50%; border: 1px solid #cccccc; background-size: 1.5rem; color: #333333; border-radius: 4px; padding: 14px 30px 14px 60px; font-size: 1.2rem; font-weight: 400 }
.info-top .match-btn_bookmark { background: #ffffff url("/images/matching/inon_bookmark.png") no-repeat 20% 50%; border: 1px solid #cccccc;  background-size: 1.5rem; color: #333333; border-radius: 4px; padding: 14px 30px 14px 60px; font-size: 1.2rem; font-weight: 400 }
.info-top .match-btn_bookmark_x { background: #ffffff url("/images/matching/inon_bookmark_x.png") no-repeat 20% 50%; border: 1px solid #cccccc;  background-size: 1.5rem; color: #333333; border-radius: 4px; padding: 14px 30px 14px 60px; font-size: 1.2rem; font-weight: 400 }
.info-top .match-btn_bookmark_disable { background: #ffffff url("/images/matching/inon_bookmark_disable.png") no-repeat 20% 50%; border: 1px solid #cccccc;  background-size: 1.5rem; color: #333333; border-radius: 4px; padding: 14px 30px 14px 60px; font-size: 1.2rem; font-weight: 400 }

.info-all_warp { display: flex; gap: 8px; width: 100%; flex-direction: row; justify-content: space-between; margin: 20px 0}

.info-media { display: flex; gap: 8px; width: 45%; flex-direction: row}
.info-media .img-thumb_warp { display: flex; gap: 8px; width: 100%; flex-direction: column}
.info-media .img-thumb_warp:hover { cursor: pointer}
.info-media .img-thumb { width: 100%; border-radius: 4px; position: relative; overflow: hidden; height: 320px }
.info-media .img-thumb img { width: 100%; }

.info-media .video-thumb_warp { display: flex; gap: 8px; width: 100%; flex-direction: column}
.info-media .video-thumb_warp:hover { cursor: pointer}
.info-media .video-thumb { width: 100%; border-radius: 4px; position: relative; overflow: hidden; height: 320px }
.info-media .video-thumb img { width: 100%; }	
.info-media .video-thumb-bt { position: absolute; top: 40%; right: 35%; width: 30%; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 2;}
.info-media .video-thumb::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 1;}

.info-media .img-thumb img,
.info-media .video-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* 가로세로 비율 유지하면서 부모 영역을 가득 채움 */
  display: block;    /* img 태그 기본 마진/패딩 제거 */
}

.media-btns button { width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 4px; font-size: 1rem; color: 333333 !important ; text-align: center}

.info-summary_warp {display: flex; width: 50%; flex-direction: column}
.info-summary { background: #f6f6f6; padding: 0.8rem; border-radius: 4px; font-weight: 600; font-size: 1.4rem; color: #333333; margin: 0 0 1rem 0; width: 100%; box-sizing: border-box}
.info-summary span { font-weight: 300;}

.info-details-t { list-style: none; font-size: 1.2rem; line-height: 1.5; padding: 0; margin-bottom: 1rem; }
.info-details-t li { display: flex; align-items: center; padding: 0.7rem 0; border-bottom: 1px solid #eee; }

.info-details { font-size: 1.1rem; line-height: 1.5; padding: 0; margin-bottom: 1rem; display: grid; grid-template-columns: repeat(2, 1fr); }
.info-details li {  display: flex; align-items: center; padding: 0.8rem 0; border-bottom: 1px solid #eee; }
.info-details .grid100 { grid-column: 1 / -1;}

.icon { display: inline-block; width: 24px; height: 24px; margin-right: 6px; background-size: contain; background-repeat: no-repeat; flex-shrink: 0; }
.icon.phone { background-image: url("/images/matching/phone-icon.png"); }
.icon.kakao { background-image: url('/images/matching/kakao-icon.png'); }
.icon.height { background-image: url('/images/matching/height-icon.png'); }
.icon.education { background-image: url('/images/matching/education-icon.png'); }
.icon.job { background-image: url("/images/matching/user-icon.png"); }
.icon.location { background-image:url("/images/matching/location-icon.png")}
.info-details-t .label,.info-details .label { flex: 0 0 120px; color: #777; font-weight: 300}
.info-details-t .value,.info-details .value { flex: 1; color: #333; line-height: 1.5 }
.info-details .value img { width: 1rem; margin-left: 0.4rem; margin-top: 0.3rem}
.info-details .value img:hover { cursor: pointer}

/* 증명서 안내 박스 */
.cert-box { background: #fffd5b; border-radius: 4px; padding: 16px; display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
.cert-icon { width: 20%; height: 24px; flex-shrink: 0; background: url('/images/matching/shield-icon.png') no-repeat right center/contain; }
.cert-text { font-size: 1.1rem; color: #000000; line-height: 1.4; }

/* collapsible sections with arrow right at end */
details { margin-bottom: 0.5rem; border: 1px solid #cccccc; padding: 0 1rem; border-radius: 5px}
summary { font-weight: 600; padding: 1.2rem 1rem; cursor: pointer; list-style: none; position: relative; font-size: 1.3rem }
summary::marker { font-size: 0; }
/* remove before, use after to position arrow right */
summary::before { display: none; }
summary::after {content: ""; color: wheat; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 12px; height: 12px; background: url("/images/common/plus.png") no-repeat center/contain;transition: transform 0.2s; }
details[open] summary::after { transform: translateY(-50%) rotate(180deg); }
.section-content { padding: 1rem; border-top: 1px solid #eee}

.details_warp { margin-bottom: 1.5rem; border: 1px solid #cccccc; padding: 0 1rem; border-radius: 5px}
.summary { font-weight: 600; padding: 1.2rem 1rem; cursor: pointer; list-style: none; position: relative; font-size: 1.3rem ; background: url("/images/common/icon_edit.png") no-repeat 99% 50%/2rem; }
.summary::before { display: block; }

/* ---------------------------------------//매칭 상세정보 팝업----------------------------------- */


/* 경고안내문 */
.warning { background: #fffd5b; padding: 30px 40px; margin-bottom: 16px; box-sizing: border-box }
.warning h1 { font-size: 24px; color: #d40000; line-height: 1.4; text-align: left; background: url("/images/common/icon_warning.png") no-repeat left 50%/28px ; padding-left: 40px; letter-spacing: -1px}
.warning p {font-size: 1.2rem; color: #333333; line-height: 1.6; text-align: left; letter-spacing: -1px; margin-top: 10px}

.warning2 { background: #fafafa; padding: 30px 40px; margin-bottom: 16px; box-sizing: border-box; border: 1px solid #dcdcdc}
.warning2 h1 { font-size: 24px; color: #333333; line-height: 1.4; text-align: left; background: url("/images/common/icon_warning.png") no-repeat left 50%/28px ; padding-left: 40px; letter-spacing: -1px}
.warning2 h1 span{ color: #d40000; }
.warning2 p {font-size: 1.2rem; color: #333333; line-height: 1.6; text-align: left; letter-spacing: -1px; margin-top: 10px}


/* 서류현황 */
.identity { padding: 0; margin-bottom: 16px; }
.identity li { width: 100%; border-bottom: 1px dashed #e0e0e0; padding: 30px 0}
.identity li:last-child { border: none; padding-bottom: 0}
.identity li .shield_r { font-size: 28px; color: #333333; line-height: 1.4; text-align: left; background: url("/images/matching/shield-icon.png") no-repeat left 50%/26px ; padding-left: 38px; font-weight: 600}
.identity li .shield_b { font-size: 28px; color: #333333; line-height: 1.4; text-align: left; background: url("/images/matching/shield-icon_b.png") no-repeat left 50%/26px ; padding-left: 38px; font-weight: 600}
.identity li p {font-size: 20px; color: #333333; line-height: 1.6; text-align: left; letter-spacing: -1px; margin: 10px 0}
.identity .bt_issue { margin-left: 5px}
.identity .bt_issue button { display: inline-block; padding: 7px 10px; font-size: 18px; font-weight: 500; color: #333; background-color: #fff; border: 1px solid #333; border-radius: 5px; text-align: center; transition: all 0.3s ease;}
.identity .bt_issue button:hover {background-color: #f1f1f1; border-color: #000; cursor: pointer; }

/* 상담폼 시작 */
.online_apply { clear: both; width: 100%; float: left; margin: 0; padding: 40px 0; box-sizing: border-box; margin-bottom:20px; border-top: 1px solid #333333; border-bottom: 1px solid #333333}
.online_apply h4{ clear: both; width: 100%; float: left; font-size: 40px; color: #333333;  text-align: left; font-weight: 800; border-bottom: 1px solid #333333; margin-bottom: 40px; padding: 0 0 20px 0}
.online_apply ul { width: 100%; display: flex; flex-direction: column; }
.online_apply li { width: 100%; margin: 10px 0}
.online_apply dl { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end}
.online_apply dt {width: 15%; font-size: 1.2rem; color: #333333; text-align: left; font-weight: 600; line-height: 50px}
.online_apply dd { width: 85%; display: block; margin-bottom: 5px}
.online_apply .line_b { border-bottom: 1px solid #eee; font-size: 1.2rem; color: #333333; text-align: left; font-weight: 400; align-items: center; padding: 12px 0; line-height: 1.7rem}

.online_apply .w50 { display: flex; flex-direction: row; align-items: center; justify-content: space-between}
.online_apply .w50 input, .w50 select{ width: 33%; font-size: 1.2rem; color: #333333; text-align: left; font-weight: 400; border: 1px solid #d5d5d5; background: #ffffff; padding: 5px 12px; height: 52px; box-sizing: border-box; border-radius: 3px}
.online_apply .w100 {width: 100%; font-size: 1.2rem; color: #333333; text-align: left; font-weight: 400; border: 1px solid #d5d5d5; background: #ffffff; padding: 5px 12px; height: 52px; box-sizing: border-box; border-radius: 3px}

.online_apply dd textarea {width: 100%; font-size: 1.2rem; line-height: 1.4; color: #333333; text-align: left; font-weight: 400; border: 1px solid #d5d5d5; background: #ffffff; padding: 10px; box-sizing: border-box; border-radius: 3px}
.online_apply dd .applybt {float: right; background: #333333; font-size: 1.2rem; color: #ffffff; text-align: center; padding: 13px; box-sizing: border-box; border-radius: 3px; width: 165px}
.online_apply dd .applybt:hover { cursor: pointer}
.online_apply .disabled input {width: 100%; font-size: 1.2rem; color: #9e9e9e; text-align: left; font-weight: 400; border: 1px solid #d4d4d4; background: #f8f8f8; padding: 5px 12px; height: 52px; box-sizing: border-box; border-radius: 3px}

.online_apply_list { clear: both; width: 100%; float: left; margin: 0; padding: 0; box-sizing: border-box; margin-bottom:20px; border-top: 1px solid #333333; border-bottom: 1px solid #333333}
.online_apply_list ul { width: 100%; display: flex; flex-direction: column; }
.online_apply_list li { width: 100%; margin: 0; border-bottom: 1px solid #eee;}
.online_apply_list li:last-child { width: 100%; margin: 0; border-bottom: none;}
.online_apply_list dl { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end; align-items: flex-start; padding: 40px 0}
.online_apply_list dt {width: 85%; font-size: 1.4rem; color: #333333; text-align: left; font-weight: 600; }
.online_apply_list dd { width: 15%; display: block; margin-bottom: 5px; font-weight: 400; text-align: right; font-size: 1.2rem}
.online_apply_list .date { font-size: 1.1rem; color: #a5a5a5; text-align: left; font-weight: 400; padding-top: 1rem }
.online_apply_list .replied {color: #d40000 ; text-align: right; font-weight: 600;}
.online_apply_list li:hover { cursor: pointer}

.online_agree {width:100%; text-align:center; vertical-align:middle; color:#333333; margin: 5px auto; clear: both; font-size:20px; padding:18px 0}
.online_agree a{ color:#fff;  font-size:20px}
.online_agree a:link, a:visited { color:#333333;  font-size:1.2rem}
.online_agree .okbt { background: #ffffff; border: 1px solid #e0e0e0; padding: 2px 5px; color: #333333; font-weight: 400; font-size: 1.1rem}
.online_agree .okbt:hover { cursor: pointer}

/* 지인/친구소개_잔여머니 */
.money_box {display: flex; align-items: center; justify-content: flex-end; background-color: #fff6f6; padding:20px; border: 1px solid #d40000; font-size: 1.4rem; color: #333333; margin: 80px 0 0 0}
.money_box .icon { width: 30px; height: 30px; background: url('/images/common/icon_money.png') no-repeat center center; background-size: 18px; margin-right: 10px; }
.money_box .amount { font-weight: 600; color: #d40000; }




/* ──────────────────────────────────────────
   자주 묻는 질문(FAQ) 스타일
────────────────────────────────────────── */

.faq {
  max-width: 100%;
  margin: 0 auto;
  border-top: 1px solid #333333;
}

/* 토글용 체크박스 숨기기 */
.faq-checkbox {
  display: none;
}

/* 질문+답변 아이템 구분선 */
.faq-item {
  border-bottom: 1px solid #e0e0e0;
}

/* 질문 영역 */
.faq-question {
  display: flex;
  align-items: center;
  padding: 20px 0;
  cursor: pointer;
  background-color: #fff;
  font-size: 1.2rem;
}

/* Q 아이콘 */
.faq-question .icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  margin-right: 12px;
  border-radius: 50%;
  background-color: #d40000; /* 이미지의 연두색 원 */
  color: #fff;
  font-weight: bold;
  font-size: 14px;
}

/* 화살표 */
.faq-question .arrow {
  margin-left: auto;
  display: inline-block;
  width: 15px;      /* 아이콘 크기에 맞춰 조정 */
  height: 15px;
  background: url("/images/common/plus.png") no-repeat center center;
  background-size: contain;
  opacity: 0.5;
  transition: transform 0.3s ease, background-image 0.3s ease;
}

/* 체크되면 화살표 회전 */
.faq-checkbox:checked + .faq-question .arrow {
  background-image: url("/images/common/minus.png");
}

/* 답변 영역 숨기기 */
.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease, padding 0.2s ease;
  background-color: #f8f8f8; /* 연한 회색 배경 */
  padding: 0 16px;
  font-size: 1.2rem;
}

/* 답변 단락 간격 */
.faq-answer p {
  margin: 12px 0;
  line-height: 1.6;
}

/* 체크되면 답변 펼치기 */
.faq-checkbox:checked + .faq-question + .faq-answer {
  max-height: 500px;      /* 충분히 큰 값으로 설정 */
  padding: 12px 16px;     /* 위아래 여백 추가 */
}



/* 회사소개_차별점 */
.feature_wrap { width: 100%; margin: 3rem auto; overflow: hidden}
.feature_wrap li { width: 100%; float: left; background: #ffffff; margin: 0.7rem 0}

.feature-item {
    display: flex;
    align-items: flex-start; /* 아이콘과 텍스트 상단 정렬 */
    gap: 60px;             /* 아이콘-텍스트 간 간격 */
    padding: 50px;
  }

.feature-icon img {
  display: block;
  width: 130px;
  height: 130px;
  object-fit: contain;
}

.feature-text h3 {
  margin: 0 0 1rem 0;
  font-size: 2.4rem;
  line-height: 1.4;
  font-weight: 600;
  color: #333333;
}

.feature-text p {
  margin: 8px 0 0;
  font-size: 1.2rem;
  line-height: 1.6;
  color: #555;
}

.feature-text p span { font-weight: 700; }

/*매칭대행 동의*/
.apply_wrap { float: right; }
.apply_wrap .okimg{background: url("/images/common/icon_ok.png") no-repeat 0 50%/1.5rem; font-weight: 600; font-size: 1.4rem; margin: 0; padding-left: 2rem}
.btn_red2 { border-radius: 5px; color:#f75454; border: 1px solid #f75454; background:#ffffff url("/images/common/icon_apply.png") no-repeat 10% 50%/1.4rem; font-weight: 500; text-align:center; box-sizing: border-box; padding:15px; font-size:1.2rem; padding-left: 3rem }
.btn_black2 { border-radius: 5px; color:#ffffff; background:#333333 url("/images/common/icon_cancel.png") no-repeat 10% 50%/1.4rem; font-weight: 500; text-align:center; box-sizing: border-box; padding:15px; font-size:1.2rem; padding-left: 3rem }

/*가입만남절차*/
.timeline {
  position: relative;
  margin: 5rem 0 0 0;
  padding: 0;
}
.timeline::before {
  content: '';
  position: absolute;
  left: 85px;
  top: 0;
  bottom: 0;
  width: 2px;
  background-image: repeating-linear-gradient(
    to bottom,
    #ccc,
    #ccc 4px,
    transparent 4px,
    transparent 8px
  );
}
.timeline-item {
  position: relative;
  margin-bottom: 50px;
}
.timeline-item:last-child { margin-bottom: 0 !important; }
.timeline_marker {
  position: absolute;
  left: 0;
  top: 0;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: #ff5757;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1.4em;
  border: 10px solid #f5f5f5;
}
.timeline_content {
  margin-left: 220px;
  padding: 1.5rem 0 2rem 0;
}
.timeline_content h3 {
  margin: 0 0 1.5rem 0;
  font-size: 2rem;
  font-weight: 700;
}
.timeline_content p {
  margin: 0.5em 0;
  line-height: 1.5;
  font-size: 1.2rem;
  color: #555;
}
.timeline_content p span{ 
  font-size: 1.2rem;
  color: #333333;
  font-weight: 700;
}

/*매칭절차*/
.step_flow {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 3rem 0 1rem 0;
}

.step_break {
  display: none;
}

/* 원(circle) */
.step_circle {
  position: relative;
  width: 15.5rem;
  height: 15.5rem;
  margin-left: -1.9rem;
  border-radius: 50%;
  background: #fff;
  color: #F75454;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.4;
  padding: 0 10px;
  font-weight: 700;
  box-sizing: border-box;
}
/* 첫 번째 원은 겹침 제거 */
.step_circle:first-child {
  margin-left: 0;
}
/* 빨간 원 */
.step_circle.red {
  background: #F75454;
  color: #fff;
}

/* 화살표 이미지 */
.step_arrow {
  width: 3.5rem !important;                   /* 필요에 맞게 조절 */
  height: auto;
  margin: 0 0 0 -4rem;               /* 양쪽 원 사이 중앙 정렬 용 */
  flex-shrink: 0;
  z-index: 999;
}
.step_arrow img {
  width: 100%;
}

/*비교테이블*/
.table_box { clear: both; width: 100%; overflow: hidden; margin: 60px 0 20px 0}
.table_box .table_title { clear: both; width: 100%; display: flex; justify-content: space-between; align-items: center}
.table_box .table_title .gray {  width: 40%; text-align: center; padding: 30px; background: #a2a2a2; font-size: 34px; font-weight: 600; color: #ffffff; box-sizing: border-box}
.table_box .table_title .vs { text-align: center; padding: 0; font-size: 65px; font-weight: 800; color: #d3d3d3; box-sizing: border-box}
.table_box .table_title .red {  width: 40%; text-align: center; padding: 30px; background: #f75454; font-size: 34px; font-weight: 600; color: #ffffff; box-sizing: border-box}

.table_box .table_txt{ clear: both; width: 100%; display: flex; justify-content: space-between; align-items: center}
.table_box .table_txt .gray { width: 40%; text-align: right; padding: 40px 0; font-size: 22px; font-weight: 400; color: #808080; box-sizing: border-box; border-bottom: 1px solid #eaeaea}
.table_box .table_txt .vs { text-align: center; padding: 0; font-size: 32px; font-weight: 800; color: #d3d3d3; box-sizing: border-box}
.table_box .table_txt .vs_m { display: none}
.table_box .table_txt .red { width: 40%; text-align: left; padding: 40px 0; font-size: 22px; font-weight: 600; color: #333333; box-sizing: border-box; border-bottom: 1px solid #eaeaea}
.table_box .table_txt .blackline { border-bottom: 1px solid #333333 }

/*가입가능대상*/
.eligibility { clear: both; width: 100%; float: left; margin: 60px 0 20px 0}
.eligibility ul { width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.eligibility li {width: 20%; }
.eligibility li p {text-align: center; margin-bottom: 30px}
.eligibility li dt { font-size: 1.2rem; font-weight: 400; color: #333333; text-align: center; margin-bottom: 15px}
.eligibility li dd { font-size: 1.2rem; font-weight: 600; color: #f75454; text-align: center }
.eligibility li img { width: 7.5rem}

/*제출해야 할 서류 테이블*/
.submission-table {
    width: 100%;
    border-collapse: collapse;
    margin: 30px 0;
  }
  .submission-table th,
  .submission-table td {
    border: 1px solid #ddd;
    padding: 18px;
    vertical-align: top;
    text-align: left;
	font-size: 1.2rem;
	line-height: 1.4;
  }
  .submission-table th {
    background-color: #333;
    color: #fff;
    font-weight: 600;
	font-size: 1.2rem;
	text-align: center
  }
  .submission-table tbody th { text-align: center; background-color: #ffffff; font-size: 1.2rem; font-weight: 600; color: #333333}

  .submission-table th:first-child { width: 25%; }
  .submission-table th:nth-child(2) { width: 25%; }
  .submission-table th:nth-child(3) { width: 50%; }
  .submission-btn {
    display: inline-block;
    margin-top: 8px;
    padding: 5px 8px;
    font-size: 1rem;
    color: #333;
    background-color: #fff;
    border: 1px solid #333;
    border-radius: 4px;
    cursor: pointer;
  }
  .submission-text-red {
    color: #e60000;
  }


/*사진 등록 시 유의사항*/
.guide-section {
      display: flex;
      justify-content: center;
      gap: 50px;
      padding: 20px;
    }

    /* 카드 공통 스타일 */
    .photo-card {
      background: #fff;
      border-radius: 12px;
      padding: 45px 10px 32px 10px;
      width: 100%;
      max-width: 550px;
      box-sizing: border-box;
      text-align: center;
    }
    .photo-card h3 {
      margin: 40px 0 30px;
      font-size: 2.5rem;
      font-weight: 600;
      color: #333;
    }

    /* 원형 이미지 래퍼 */
    .photo-card .photo-wrap {
      position: relative;
      width: 340px;
      height: 340px;
      margin: 0 auto;
      background-color: #faf2e8;
      border-radius: 50%;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .photo-card .photo-wrap img {
      width: 100%;
      height: auto;
    }
    /* 리스트 스타일 */
    .photo-card .list-wrap {
	  display: flex;
      align-items: center;
      justify-content: center;
	  flex-direction: column;
     }
    .photo-card ul {
      list-style: none;
      padding: 0;
      margin: 0;
      text-align: left;
	  
    }
    .photo-card li {
      margin-bottom: 12px;
      font-size: 1.2rem;
      line-height: 1.4;
      color: #555;
      position: relative;
      padding-left: 32px;
    }
    /* X 아이콘 */
    .avoid li {
      background: url("/images/service/icon_avoid.png") no-repeat left 50%/1.3rem;
    }
    /* ✔ 아이콘 */
    .recommend li {
      background: url("/images/service/icon_recommend.png") no-repeat left 50%/1.4rem;
    }


/*매칭비용*/
.matching-fee-list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 40px 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
}

.matching-fee-list li {
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 5px;
  padding: 40px 10px;
  text-align: center;
  flex: 1 1 0; 
  min-width: 0; 
}

.matching-fee-list img {
  display: block;
  margin: 0 auto;
  width: 6rem;
}

.matching-fee-list .label-small {
  display: block;
  margin-top: 2rem;
  font-size: 1.4rem;
  color: #bcbcbc;
}

.matching-fee-list .label-large {
  display: block;
  margin-top: 0.5rem;
  font-size: 2rem;
  font-weight: 700;
  color: #333333;
}

/* 비용 항목만 빨간색 */
.matching-fee-list li.cost .label-large {
  color: #e60000;
}


@media all and (max-width:1300px) and (min-width:768px) {
	
/*공용*/
.pc {display:none !important;}
.m {display:block !important;}

/* layout */
#wrap {width:100% ; height:100%; position:relative;}

/* top 버튼 */
.go-top {
	display:block;
	position:fixed;
	bottom:80px;
	right:10px;
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
	z-index: 999;
}


.go-top img { width: 40px !important}
.go-top:hover { cursor: pointer}


/*공용*/
em{ font-weight:normal; font-style:normal; }
.clearfix:after{content:"";display:block;clear:both;}

.cont_n { clear: both; float: left; width: 100%; margin:0 auto; padding: 4rem 0 0 0 ; box-sizing: border-box; background: #ffffff}
.cont_n img {width:auto; height:auto}

.inner_box {width:70%; padding: 0 15%; margin:0 auto; overflow:hidden;position:relative; }
.inner_box2 {width:90%; padding: 0 5%; margin:0 auto; overflow:hidden;position:relative; }
.inner_box2 img {  width: 70% !important; padding : 1.5rem 0; }
.inner_box2 a:link { color: #ffffff}
.inner_box2 a:visited { color: #ffffff}
.inner_box2 a:hover { color: #ffffff}

.float_box {width:100%; overflow:hidden;}
.float_box .box {float:left;}
.float_box .box_c { margin: 0 auto !important; overflow:hidden; text-align: center;  padding: 0 25% ; box-sizing: border-box}

.float_box.boxs1 .boxs {width:calc(100%);}
.float_box.box1_2 .boxs {width:calc(100%/2); padding: 0 }
.float_box.boxs2 .boxs {width:calc(100%/2);}
.float_box.boxs3 .boxs {width:calc(100%/3);}
.float_box.boxs4 .boxs {width:calc(100%/4);}
.float_box.boxs5 .boxs {width:calc(100%/5);}
.float_box.boxs6 .boxs {width:calc(100%/6);}
.float_box.boxs7 .boxs {width:calc(100%/7);}

/*버튼공통*/
.bt_boxwarp {width:100%; clear: both; margin-top: 1rem; overflow: hidden; float: left}
.bt_boxwarp_100 {width:100%; clear: both; display: flex; align-items: center; justify-content: center; gap: 10px}
.bt_boxwarp_96 {width:96%; clear: both; display: flex; align-items: center; justify-content: center; gap: 10px}
.bt_boxwarp_50 {width:100%; clear: both; display: flex; align-items: center; justify-content: center; gap: 10px}
.bt_boxwarp_30 {width:100%; clear: both; display: flex; align-items: center; justify-content: center; gap: 10px}
.bt_boxwarp_subbtwarp_1 {width:100%; clear: both; margin: 0 auto}
	
.bt_box330 {margin: 0 auto; width:100% !important; max-width:350px !important;}
.bt_box80 {margin: 0 auto; width:100% !important; max-width:80% !important;}
.bt_box660 {margin: 0 auto; width:100% !important; max-width:660px !important;}
.sub_bt li {text-align:center; box-sizing: border-box; }
.sub_bt li a{display:block; padding:1.2rem 0; font-size:1.2rem; }
.sub_bt li.blue {background:#1550c7; font-weight: 600}
.sub_bt li.blue a {color:#fff;}
.sub_bt li.red {background:#d40000; font-weight: 600}
.sub_bt li.red a {color:#fff;}
.sub_bt li.green {color:#000000; background:#a2ff00; font-weight: 600}
.sub_bt li.green a {color:#000000;}
.sub_bt li.violet {color:#fff; background:#1550c7; font-weight: 600}
.sub_bt li.violet a {color:#fff;}
.sub_bt li.white {color:#333333; background:#ffffff; border: 1px solid #cccccc; font-weight: 600; box-sizing: border-box}
.sub_bt li.white a {color:#333333;}
	
.n_bt_black{color:#fff; background:#333333; font-weight: 600; text-align:center; box-sizing: border-box; padding:1rem 3rem; font-size:1.2rem;}
.n_bt_black:hover { cursor: pointer}

/* 버튼 크기 공통 */
button { margin: 0; padding: 0; cursor: pointer;}
.btn_w25 { display: inline; width: 25%; }
.btn_w50 { display: inline; width: 50%; }
.btn_w70 { display: inline; width: 70%; }
.btn_w90 { display: inline; width: 90%; }
.btn_w100 { display: inline; width: 100%; }
.btn_auto {display:inline; width: auto;}

.btn_white { border-radius: 5px; color:#333333; background:#ffffff; border: 1px solid #e0e0e0; font-weight: 500; text-align:center; box-sizing: border-box; padding:1.04rem 0; font-size:1.2rem; }
.btn_white_reset { border-radius: 5px; color:#333333; background:#ffffff url("/images/common/bt_icon_reset.png") no-repeat 26% 50%; background-size: 1.1rem; border: 1px solid #e0e0e0; font-weight: 500; text-align:center; box-sizing: border-box; padding:1.04rem 0; font-size:1.2rem; padding-left: 1.5rem }
.btn_black { border-radius: 5px; color:#ffffff; background:#333333; font-weight: 500; text-align:center; box-sizing: border-box; padding:1.1rem 0; font-size:1.2rem; }
.btn_violet { border-radius: 5px; color:#ffffff; background:#7000d8; font-weight: 500; text-align:center; box-sizing: border-box; padding:1.1rem 0; font-size:1.2rem; }
.btn_blue { border-radius: 5px; color:#ffffff; background:#1550c7; font-weight: 500; text-align:center; box-sizing: border-box; padding:1.1rem 0; font-size:1.2rem; }
.btn_red { border-radius: 5px; color:#ffffff; background:#f75454; font-weight: 500; text-align:center; box-sizing: border-box; padding:1.1rem 0; font-size:1.2rem; }
.btn_open_search { border-radius: 5px; color:#ffffff; background:#d40000 url("/images/common/bt_icon_condition.png") no-repeat 15% 55%; background-size: 1.5rem; font-weight: 500; text-align:center; box-sizing: border-box; padding:1.1rem 0; font-size:1.2rem; padding-left: 2rem }


	
/* form100 공통 */
.group select { font-size: 1.2rem; color: #333333; text-align: left; font-weight: 400; border: 1px solid #333333; background: #ffffff; padding: 0.3rem ; box-sizing: border-box; border-radius: 3px; margin-left: 0.5rem}
	
.input_set { position:relative; margin-bottom:5px; clear: both}
.input_set .fl { position:absolute; top:0; left:0}
.input_set .fr { position:absolute; top:0; right:0}

.input_wrap {line-height:2rem; position:relative; overflow:hidden;}

.int { line-height:2rem; display:block; overflow:hidden; height:2rem; padding:0.5rem; background:#fff; border-radius:3px; border:1px solid #d9d9d9}
.int input { color:#444444; font-size:1.2rem; line-height:2rem; width:100%; height:2rem; vertical-align:top; border:none; outline: none; background:#fff;}
.int select { color:#444444; font-size:1.2rem; line-height:2rem; width:100%; height:2rem; vertical-align:top; border:none; outline: none; background:#fff;}

.int_disabled { line-height:2rem; display:block; overflow:hidden; height:2rem; padding:0.5rem; background:#f8f8f8; border-radius:3px; border:1px solid #d9d9d9}
.int_disabled input { color:#b6b6b6; font-size:1.2rem; line-height:2rem; width:100%; height:2rem; vertical-align:top; border:none; outline: none; background:#f8f8f8 ;}
.int_disabled select { color:#b6b6b6; font-size:1.2rem; line-height:2rem; width:100%; height:2rem; vertical-align:top; border:none; outline: none; background:#f8f8f8;}

.input_wrap_type3{margin-right:76px}
.input_wrap_type4{margin-right:97px}

.bt_number { border-radius:3px; font-weight: 400; font-size:1.2rem; line-height:1.8rem; display:inline-block; overflow:hidden; width:69px; height:2rem; padding:0.55rem 0; text-align:center; vertical-align:top; white-space:nowrap; background:#333333; color:#fff !important}

.bt_input { border-radius:3px; font-weight: 400; font-size:1.2rem; line-height:1.8rem; display:inline-block; overflow:hidden; width:90px; height:2rem; padding:0.55rem 0; text-align:center; vertical-align:top; white-space:nowrap; background:#333333; color:#fff !important}

.bt_formgray { border-radius:3px; font-weight: 400; font-size:1.2rem; line-height:2rem; display:inline-block; overflow:hidden; width:90px; height:2rem; padding:0.55rem 0; text-align:center; vertical-align:top; white-space:nowrap; background:#333333; color:#fff !important}
	
/* form 공통 */
.input_100 {width: 100%; font-size: 1.2rem; color: #333333; text-align: left; font-weight: 400; border: 1px solid #d5d5d5; background: #ffffff; padding: 1rem; box-sizing: border-box;}
	
/*서브 상단 비주얼*/
.sub_top {width:100%; overflow:hidden; position:relative; padding:8rem 0}
.sub_top_text{text-align:center;}
.sub_top_text h2 {display:block; margin:1.9rem 0 2.5rem 0; font-weight:700; font-size:3rem; line-height:4rem; color:#ffffff; letter-spacing: -1px }
.sub_top_text em {font-weight:400; font-size:1.2rem; line-height:2rem; color:#ffffff; letter-spacing: 6px; text-transform: uppercase; opacity: 0.3 !important}
.sub_top_text p {font-weight:500; font-size:1.3rem; line-height:2.2rem; color:#ffffff; letter-spacing: -1px}

.sub_top.sub01_01 { background: url("/images/common/titleimg01_01t.jpg") no-repeat ; background-size: cover }
.sub_top.sub02_01 { background: url("/images/common/titleimg02_01t.jpg") no-repeat ; background-size: cover }
.sub_top.sub03_01 { background: url("/images/common/titleimg03_01t.jpg") no-repeat ; background-size: cover }
.sub_top.sub04_01 { background: url("/images/common/titleimg04_01t.jpg") no-repeat ; background-size: cover }
.sub_top.sub05_01 { background: url("/images/common/titleimg05_01t.jpg") no-repeat ; background-size: cover }
.sub_top.sub06_01 { background: url("/images/common/titleimg06_01t.jpg") no-repeat ; background-size: cover }

	
	
	
/*중간 드롭다운 서브메뉴*/
.submenu_wrap { width: 100%; clear: both; border-bottom: 1px solid #e0e0e0}
.submenu, .submenu * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.submenu { overflow: hidden; color: #fff; width: 100%; margin: 0 auto;}
.submenu-section-home {  width: 100%; padding: 17px; display: inline-block; background: #ffffff;  font-size: 1.1rem; color: #333333; box-sizing: border-box; text-align: center; border-right: 1px solid #e0e0e0; border-left: none}
.submenu-section-home img { width: 23px}
.submenu-section-home:hover { background:#ffffff; text-decoration: none; color: #333333; cursor: pointer; border-right: 1px solid #e0e0e0; text-align: center}
.submenu-section-header {  width: 100%; padding: 15px; display: inline-block; font-size: 1.1rem; color: #333333; box-sizing: border-box; background:#ffffff url(/images/common/plus.png) no-repeat 94% 50%; background-size: 12px; border-right: 1px solid #e0e0e0; border-left: none}		
.submenu-section-header:hover{ background:#ffffff url(/images/common/plus.png) no-repeat 94% 50%; background-size: 12px; text-decoration: none; color: #333333; cursor: pointer; border-right: 1px solid #e0e0e0; border-left: none}
.submenu-section-header.active{ background:#ffffff url(/images/common/minus.png) no-repeat 94% 50%; background-size: 12px; text-decoration: none; color: #333333; cursor: pointer; border-right: 1px solid #e0e0e0; border-left: none}
.submenu-section li:nth-child(1){ float: left; width: 70px; display: none}
.submenu-section li:nth-child(2){ float: left; width: 50%; }
.submenu-section li:nth-child(3){ float: left; width: 50%; border-right: 1px solid #e0e0e0; border-left: none}
.submenu-section-content { display: none; background: #ffffff; color: #333333; position: absolute; z-index: 99; width: 100%; max-width: 50%; border: 1px solid #e0e0e0; border-top: none}
.submenu-section-content p { display: block; border-top: 1px solid #e0e0e0 ; font-size: 1.1rem; padding: 15px }
.submenu-section-content .on{ background: #f6f6f6; display: block; color:#333333; }
.submenu-section-content a{color: #333333; }
.submenu-section-content p:hover{background: #f6f6f6; color: #333333}
	
	
	
	
	
	
/*서브 소메뉴*/
.sub_s_menu_wrap { width: 100%; clear: both;}
.sub_s_menu {width: 100%; clear: both; }
.sub_s_menu ul { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 2px; background: #f4f4f4;}
.sub_s_menu li {width: 33.3333%; text-align: center; padding:1.2rem 0; font-size:1.2rem; line-height:1.2rem; color:#333333; box-sizing: border-box; font-weight: 400;}
.sub_s_menu li:hover { color:#1550c7; font-weight: 600; cursor: pointer; text-decoration-line: underline; text-underline-offset: 16px; text-decoration-thickness: 5px;}
.sub_s_menu li.on {color:#1550c7; font-weight: 600; text-decoration-line: underline; text-underline-offset: 16px; text-decoration-thickness: 5px; }

.sub_s_menu_wrap2 { width: 100%; clear: both; background: #f4f4f4;}
.sub_s_menu2 { width: 100%; clear: both; border-bottom: none; box-sizing: border-box}
.sub_s_menu2 li { display: block; text-align: center; padding:21px 0; font-size:24px; line-height:38px; color:#333333; box-sizing: border-box; font-weight: 400;}
.sub_s_menu2 li:hover { color:#1550c7; font-weight: 600; cursor: pointer; text-decoration-line: underline; text-underline-offset: 25px; text-decoration-thickness: 5px;}
.sub_s_menu2 li.on {color:#1550c7; font-weight: 600; text-decoration-line: underline; text-underline-offset: 26px; text-decoration-thickness: 5px; }
	
.sub_s_menu5 {width: 100%; clear: both; }
.sub_s_menu5 ul { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 2px; background: #f4f4f4;}
.sub_s_menu5 li {width: 33.3333%; text-align: center; padding:1.2rem 0; font-size:1.2rem; line-height:1.2rem; color:#333333; box-sizing: border-box; font-weight: 400;}
.sub_s_menu5 li:hover { color:#1550c7; font-weight: 600; cursor: pointer; text-decoration-line: underline; text-underline-offset: 16px; text-decoration-thickness: 5px;}
.sub_s_menu5 li.on {color:#1550c7; font-weight: 600; text-decoration-line: underline; text-underline-offset: 16px; text-decoration-thickness: 5px; }
	
/*서브 상단 탭*/
.tab_wrap {width:100%; left:0; bottom:0; position:absolute; z-index:10;}
.tab_wrap .inner_box {margin: 0 auto; width:100% !important; max-width:100% !important; padding: 0 !important;}

.sub_tab {width: 100%; clear: both;  }
.sub_tab ul { width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.sub_tab li { text-align: center; }
.sub_tab li a{ display:block; padding:1.2rem 0; font-size:1.2rem; line-height:1rem; color:#989898; background:#f7f7f7; border: 1px solid #d4d4d4; font-weight: 400; margin: 0.2rem; box-sizing: border-box}
.sub_tab li a:hover {color:#fff; background:#1550c7;}
.sub_tab li.on a {color:#fff; background:#1550c7; font-weight: 600}

.event_tab {width: 100%; clear: both; border: 1px solid #d4d4d4; border-bottom: none; border-right: none; box-sizing: border-box}
.event_tab li { display: block; text-align: center; padding:0.8rem 0; font-size:1.1rem; line-height:1.1rem; color:#989898; background:#ffffff; box-sizing: border-box; font-weight: 400; border-right: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4;}
.event_tab li:hover {color:#fff; background:#1550c7; cursor: pointer}
.event_tab li.on {color:#fff; background:#1550c7; font-weight: 600}

/*서브 배경 공통*/
.content {padding:5rem 0; text-align:left; clear: both; overflow: hidden}
.content0 {padding:0; text-align:left; clear: both; overflow: hidden}
.content_120b {padding:0 0 5rem 0; text-align:left; clear: both; overflow: hidden}
.content_120t {padding:5rem 0 0 0; text-align:left; clear: both; overflow: hidden}
.content_100 {padding:4rem 0; text-align:left; clear: both; overflow: hidden}
.content_100b {padding:0 0 4rem 0; text-align:left; clear: both; overflow: hidden}
.content_100t {padding:4rem 0 0 0; text-align:left; clear: both; overflow: hidden}
.content_m {padding:3rem 0 4rem 0; text-align:left; clear: both; overflow: hidden}
	
.content.white_bg,.content0.white_bg,.content_120b.white_bg,.content_120t.white_bg,.content_100.white_bg {background:#fff;}
.content.gray_bg,.content0.gray_bg,.content_120b.gray_bg,.content_120t.gray_bg,.content_100.gray_bg {background:#f0f0f0;}
.content.darkgray_bg,.content0.darkgray_bg,.content_120b.darkgray_bg,.content_120t.darkgray_bg,.content_100.darkgray_bg {background:#222222; }

.content.bgimg01,.content0.bgimg01,.content_120b.bgimg01,.content_120t.bgimg01,.content_100.bgimg01 { background: #2d2e33 url("/images/common/bgimg01t.jpg") no-repeat ; background-size: cover; }
.content.bgimg02,.content0.bgimg02,.content_120b.bgimg02,.content_120t.bgimg02,.content_100.bgimg02 { background: #2d2e33 url("/images/common/bgimg02t.jpg") no-repeat ; background-size: cover; }
.content.bgimg03,.content0.bgimg03,.content_120b.bgimg03,.content_120t.bgimg03,.content_100.bgimg03 { background: #2d2e33 url("/images/common/bgimg03t.jpg") no-repeat ; background-size: cover; }
.content.bgimg04,.content0.bgimg04,.content_120b.bgimg04,.content_120t.bgimg04,.content_100.bgimg04 { background: #2d2e33 url("/images/common/bgimg04t.jpg") no-repeat ; background-size: cover; }

/*이미지배경 애니메이션*/
.imgani_img_warp { width: 100%; position: relative; height: 26.5rem; margin: 40px auto 0 auto; overflow: hidden}
.imgani_img_warp .imgani_img {	z-index: 0; position: absolute; }
.imgani_img_warp .imgani_img2 {	z-index: 1;	transition: all 0.8s ease !important; transform: scale(1.2); position: absolute; }
.imgani_img_warp img { width: 100%}

.imgani_img_warp2 { width: 100%; position: relative; height: 60vw; margin:  0 auto; overflow: hidden; padding-top: 1rem}
.imgani_img_warp2 .imgani_img {	z-index: 0; position: absolute; }
.imgani_img_warp2 .imgani_img2 { z-index: 1; transition: all 0.8s ease !important; transform: scale(1.2); position: absolute; }
.imgani_img_warp2 img { width: 80%; text-align: center}
	
/*서브 텍스트 공통*/
.sub_title {text-align:left; }
.sub_title.right {text-align:right;}
.sub_title.center {text-align:center;}
.sub_title h2 { font-size: 7rem; color: #f0f0f0; font-weight: 800!important; line-height: 8rem}
.sub_title .font5{ font-size: 5.5rem; color: #f0f0f0; font-weight: 800; line-height: 6rem; letter-spacing: -2px}
.sub_title h3 { margin-bottom:1.4rem; font-size:3rem; line-height:1.3; font-weight: 400; letter-spacing: -1px; text-align:center}
.sub_title h4 { margin-bottom:1rem; font-size:1.8rem; line-height:2.4rem; font-weight: 700; letter-spacing: -1px}
.sub_title h5 { margin-bottom:1rem; font-size:1.5rem; line-height:1.8rem; font-weight: 300; letter-spacing: -1px}
.sub_title p { font-weight:500; display:block; font-size:1.2rem; line-height:2rem; margin:10px 0; text-align: center; text-transform: uppercase}
.sub_title span { font-weight: 700 ; }
.sub_title .pointviolet{ background: #1550c7; font-size: 1.4rem; color: #ffffff; font-weight: 800; padding: 1rem; text-align: center}
.sub_title mark{ clear: both; margin: 2rem auto 0 auto; background: #f75454; font-size: 1.5rem; color: #ffffff; font-weight: 600; padding: 0.2rem 0.3rem 0.3rem; text-align: center}
.sub_title .h3big { margin-bottom:1rem; font-size:2.4rem; font-weight: 400; letter-spacing: -1px; line-height: 3rem}
.sub_title .h3big span { font-weight: 700 ; line-height: 3rem}

.markviolet { background: #1550c7; font-size: 1.4rem; color: #ffffff; font-weight: 800; padding: 0 1rem;}
.markviolet23 { background: #1550c7; font-size: 1.2rem; color: #ffffff; font-weight: 600; padding: 4px 10px; line-height: 2.6rem}
.markviolet23_box { clear: both; float: left; width: 100%; background: #1550c7; font-size: 1.2rem; color: #ffffff; font-weight: 400; padding: 1rem; line-height: 1.6rem; box-sizing: border-box}
.markviolet24 { background: #1550c7; font-size: 1.3rem; color: #ffffff; font-weight: 600; padding: 4px 10px; line-height: 2.6rem}
.markviolet45 { background: #1550c7; font-size: 1.5rem; color: #ffffff; font-weight: 600; padding: 4px 10px; line-height: 3rem}

.markgray22 { background: #333333; font-size: 1.1rem; color: #ffffff; font-weight: 400; padding: 4px 10px; line-height: 2.6rem;}
.markgray23 { background: #333333; font-size: 1.2rem; color: #ffffff; font-weight: 600; padding: 4px 10px; line-height: 2.6rem}
.markgray24 { background: #333333; font-size: 1.2rem; color: #ffffff; font-weight: 400; padding: 15px 10px; line-height: 2rem;}
.markgray30 { background: #333333; font-size: 1.4rem; color: #ffffff; font-weight: 600; padding: 0.3rem 1rem 1rem 1rem; line-height: 2.8rem;}

.markblue22 { background: #1550c7; font-size: 1.1rem !important; color: #ffffff; font-weight: 600; padding: 4px 10px; line-height: 2.2rem;}	
.markred22 { background: #f75454; font-size: 1.1rem !important; color: #ffffff; font-weight: 600; padding: 4px 10px; line-height: 2.2rem;}
	
.markgray22_box{ clear: both; float: left; width: 100%; background: #333333; font-size: 1.1rem; color: #ffffff; font-weight: 400; padding: 1rem; line-height: 1.6rem; box-sizing: border-box}
.markwhite24 { background: #ffffff; font-size: 1.2rem; color: #333333; font-weight: 600; padding: 4px 10px; line-height: 2.6rem}
.markwhite26 { background: #ffffff; font-size: 1.4rem; color: #333333; font-weight: 600; padding: 4px 10px; line-height: 2.8rem}

.fs60 { margin:1rem 0; font-size:2.4rem; letter-spacing: -1px; line-height: 3rem; font-weight: 400 ; text-align: center}
.fs60 span { font-weight:800;}
.fs24 { display:block; font-size:1.3rem; line-height:2rem; margin:0; text-align: center; text-transform: uppercase}
.fs26 { display:block; font-size:1.3rem; line-height:2rem; margin:0; text-align: center; text-transform: uppercase}
.fs36 { display:block; font-size:1.4rem; line-height:2rem; margin: 0; text-align: center; ; font-weight: 400}
.fs45 { margin-bottom:2rem; font-size:1.6rem; line-height:2.2rem; font-weight: 700; letter-spacing: -1px}
.fs70 { margin:1rem 0; font-size:2.4rem; letter-spacing: -1px; line-height: 3rem; font-weight: 400 ; }
.fs70 span { font-weight:800;}
	
.sub_txt {text-align:left;}
.sub_txt.right {text-align:right;}
.sub_txt.center {text-align:center;}
.sub_txt { font-weight:400; font-size:1.2rem; line-height:1.8rem; margin:2rem 0; color: #3a3a3a ; letter-spacing: -1px; }
.sub_txt span  { font-weight: 700; line-height:2rem;}
	
.sub_txt_stxt { font-weight:400; font-size:1.2rem; line-height:1.8rem; margin:1rem 0; color: #3a3a3a ; letter-spacing: -1px}
.sub_txt_stxt span  { font-weight: 800; line-height:2rem;}

.sub_txt_30 { font-weight:600; font-size:1.4rem; line-height:2.6rem; margin:20px 0; color: #333333 ; letter-spacing: -1px}
.sub_txt_30 span  { color: #1550c7 }

.sub_txt_line { font-weight:400; font-size:1.2rem;; line-height:2.5rem; margin:25px 0; color: #333333 ; letter-spacing: -1px;  text-decoration-line: underline; text-underline-offset: 10px; text-decoration-thickness: 1px; }
.sub_txt_line span  { font-weight: 800; line-height:2.5rem;}

.sub_txt_line26 { font-weight:800; font-size:1.4rem; line-height:2.6rem; margin: 0; color: #333333 ; letter-spacing: -1px;  text-decoration-line: underline; text-underline-offset: 10px; text-decoration-thickness: 1px; }

.sub_txt_violetline { font-size:1.2rem; line-height:2.6rem; color: #1550c7 ; letter-spacing: -1px;  text-decoration-line: underline; text-underline-offset: 5px; text-decoration-thickness: 1px; }

/*타이틀소제목_검정배경 공통*/
.sub_tit_graybox26{ background: #333333; font-size: 1.2rem; color: #ffffff; font-weight: 700; padding: 4px 10px; line-height: 2.6rem; text-transform: uppercase}
.sub_tit_graybox26_02 { background: none; color: #333333; font-weight:500; display:block; font-size:1.2rem; line-height:2rem; margin:10px 0; text-align: center; text-transform: uppercase; opacity: 0.2}

/*좌측 텍스트 공통*/
.sub_txt_left {text-align:left; float: left; width: 100%}
.sub_txt_left { font-weight:800; font-size:1.5rem; line-height:38px; color: #333333 ;}
.sub_txt_left .txt  { font-weight:400; color: #666666 ; font-size:1.2rem; padding:10px 0 0 0; }
.sub_txt_left li { padding: 15px; width: 100%}

.sub_txt_left2 {text-align:left; float: left; width: 100%}
.sub_txt_left2 { font-weight:800; font-size:1.5rem; line-height:38px; color: #333333 ;}
.sub_txt_left2 li {width: 100%; margin:5px 0; float: left; box-sizing: border-box; display: flex; justify-content: center; align-item: center}
.sub_txt_left2 li dt { padding: 1rem; background: #333333; font-weight:600; color: #ffffff ; font-size:1.1rem; text-align: center; flex-shrink: 0; width: 1rem; }
.sub_txt_left2 li dd { padding: 1rem 0 1rem 1rem; background: #f2f2f2; font-weight:400; color: #333333 ; font-size:1.1rem; overflow: hidden;flex-grow: 1;}

.sub_txt_left_f500 {text-align:left; float: left; width: 100%}
.sub_txt_left_f500 { font-weight:500; font-size:1.2rem; line-height:38px; color: #333333 ;}
.sub_txt_left_f500 li { padding: 10px 15px; width: 100%}

.sub_txt_left_arrow {text-align:left; float: left; width: 100%; position: relative}
.sub_txt_left_arrow { font-weight:800; font-size:1.2rem; line-height:38px; color: #333333 ;}
.sub_txt_left_arrow li {width: 100%; margin:0 0 25px 0; float: left; box-sizing: border-box}
.sub_txt_left_arrow li dt { padding: 20px 25px; background: #333333; font-weight:600; color: #ffffff ; font-size:1.2rem; text-align: center; float: left}
.sub_txt_left_arrow li dd { padding: 20px; background: #f2f2f2; font-weight:500; color: #333333 ; font-size:1.2rem; overflow: hidden}
.sub_txt_left_arrow .triangle:before { border-top-color: #f2f2f2}
.sub_txt_left_arrow .triangle:after, .triangle:before { border-bottom: none}
.sub_txt_left_arrow .triangle:after, .triangle:before { content: ''; display: block; border: 15px solid transparent; position: absolute; bottom: -30px ; left: 50%;}

/*서브 line 공통*/
.sub_line10_gray {  border: 10px solid #eeeeee; width: 100%; box-sizing: border-box; padding: 0.7rem 1rem; margin: 1rem 0; background: #ffffff}
.sub_line15_gray {  border: 15px solid #eeeeee; width: 100%; box-sizing: border-box; padding: 3rem 0; margin: 0}
.sub_line20_gray {  border: 20px solid #eeeeee; width: 100%; box-sizing: border-box; padding: 3rem 0; margin: 0}
.sub_line15_violet {  border: 15px solid #1550c7; width: 100%; box-sizing: border-box; padding: 3rem 0.5rem; margin: 0; background: #ffffff;}
.sub_line15_violet img {width: 100%}

/*서브 box 공통*/
.sub_box_width100 { width: 100%}
.sub_box_width95 { width: 95%}
.sub_box_width90 { width: 90%}
.sub_box_width80 { width: 80%}
.sub_box_white { background: #ffffff; box-sizing: border-box; padding: 3rem 1rem; font-size: 1.2rem; margin: 3rem auto 1rem auto; color: #333333; font-weight: 400; text-align: center; line-height: 2rem}
.sub_box_white .txtpoint { color: #1550c7; font-weight: 800; line-height: 2rem}
.sub_box_white_dot { background: #ffffff; border: 1px dashed #c9c9c9; box-sizing: border-box; padding: 1rem; margin: 2rem auto 0 auto;}
.sub_box_line_white {clear: both; border: 1px solid #ffffff; box-sizing: border-box; padding:  1rem; margin: 2rem auto 0 auto; color: #ffffff; font-weight: 400; text-align: center; font-size: 1.3rem; line-height: 2rem}
.sub_box_white_radius { width: 100%; box-sizing: border-box; padding: 3rem 0.5rem; margin: 1rem 0; background: #ffffff; border-radius: 20px}

/*서브 중간흰색박스 공통*/
.sub_tbox { clear: both; width: 100%; margin: 2rem auto 0 auto; float: left;  }
.sub_tbox ul { width: 100%; }
.sub_tbox li { float: left; width: 100%; margin: 0 auto 20px auto; padding: 0; background: #ffffff; border-radius: 10px; box-sizing: border-box}
.sub_tbox li:last-child { margin: 0}
	
.sub_tbox2 { clear: both; width: 100%; margin: 0 auto; float: left;  }
.sub_tbox2 ul { width: 100%; }
.sub_tbox2 li { float: left; width: 100%; margin: 0 auto 20px auto; padding: 0; background: #ffffff; border-radius: 10px; box-sizing: border-box}
.sub_tbox2 li:last-child { margin: 0}
.sub_tbox2 li .graybg { background: #f6f6f6;}
	
.sub_tbox2_link { clear: both; width: 100%; margin: 0 auto; float: left;  }
.sub_tbox2_link ul { width: 100%; }
.sub_tbox2_link li { float: left; width: 100%; margin: 0 auto 20px auto; padding: 0; background: #ffffff; border-radius: 10px; box-sizing: border-box}
.sub_tbox2_link li:last-child { margin: 0}
.sub_tbox2_link li:hover { background: #1550c7; cursor: pointer; color: #ffffff; opacity: 5; transition: all 0.5s;}
	
.sub_tbox3 { clear: both; width: 100%; margin: 0 auto; float: left;  }
.sub_tbox3 ul{ width: 100%; display: flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap}
.sub_tbox3 li { width: 48.5%; margin: 1.5% 0; padding: 0; background: #ffffff; border-radius: 10px; box-sizing: border-box}
.sub_tbox3 li .graybg { background: #f6f6f6;}
	
.sub_tbox3_2 { clear: both; width: 100%; margin: 0 auto; float: left;  }
.sub_tbox3_2 ul{ width: 100%; display: flex; justify-content: space-between; flex-direction: column; flex-wrap: wrap}
.sub_tbox3_2 li { width: 100%; margin: 1.5% 0; padding: 0; background: #ffffff; border-radius: 10px; box-sizing: border-box}
.sub_tbox3_2 li .graybg { background: #f6f6f6;}
.sub_tbox3_2 li img { width: 100%}
	
.additionaltxt {font-size: 1.2rem; color: #333333; font-weight: 500 }

/*서브 중간흰색박스 좌측이미지 우측 설명 공통*/
.sub_tbox_img { clear: both; width: 100%; overflow: hidden; display: flex; flex-direction: column}
.sub_tbox_img .leftimg { width: 100%; float: left}
.sub_tbox_img .leftimg img { width: 100%; }
.sub_tbox_img .leftimg_55 { width: 100%; float: left}
.sub_tbox_img .leftimg_55 img { width: 100%; }
.sub_tbox_img .leftimg_60 { width: 100%; float: left}
.sub_tbox_img .leftimg_60 img { width: 100%; }
.sub_tbox_img .righttxt { width: 100% !important; padding: 1rem 1rem 1.6rem 1rem ; box-sizing: border-box; display: flex; flex-direction: column; align-items: left; justify-content: center; margin : 0}
.sub_tbox_img .righttxt .number { display: none}
.sub_tbox_img .righttxt .sub_title {width: 100%; float: left; text-align: left; font-size: 1.8rem; font-weight: 700; color: #333333; line-height: 2.5rem;}
.sub_tbox_img .radiusimg img {width: 100%; border-radius: 0 5px 5px 0}
	
/*서브 중간흰색박스 우측이미지 좌측 설명 공통*/
.sub_tbox_img .rightimg { width: 100%; float: left}
.sub_tbox_img .rightimg img { width: 100%; }
.sub_tbox_img .lefttxt { width: 100% !important; padding: 1rem 1rem 1.6rem 1rem ; box-sizing: border-box; display: flex; flex-direction: column; align-items: left; justify-content: center; margin : 0}
.sub_tbox_img .lefttxt .number { display: none}
.sub_tbox_img .lefttxt .sub_title {width: 100%; float: left; text-align: left; font-size: 1.8rem; font-weight: 700; color: #333333; line-height: 2.5rem;}
	
/*서브 중간흰색박스 상단 이미지 하단 설명 공통*/
.sub_tbox_img2 { clear: both; width: 100%; overflow: hidden; display: flex; flex-direction: column }
.sub_tbox_img2 .imgbox { width: 100%; float: left; padding: 0}
.sub_tbox_img2 .txtbox { width: 100%; float: left; padding: 1.5rem 1rem; box-sizing: border-box; }
.sub_tbox_img2 .txtbox h3 {width: 100%; float: left; text-align: center; font-size: 1.8rem; font-weight: 700; color: #333333; line-height: 2.4rem; margin-bottom: 0.5rem }
.sub_tbox_img2 .txtbox h4 {width: 100%; float: left; text-align: center; font-size: 1.8rem; font-weight: 700; color: #333333; }
.sub_tbox_img2 .txtbox h4 img { width: 2rem; margin-right: 0.5rem}
.sub_tbox_img2 .txtbox p { text-align: center; font-size: 1.2rem; font-weight: 400; color: #333333; line-height: 1.5}

.sub_tbox_img2 .txtbox2 { width: 100%; float: left; padding: 1rem 0.5rem; box-sizing: border-box; }
.sub_tbox_img2 .txtbox2 h3 {width: 100%; float: left; text-align: center; font-size: 1.8rem; font-weight: 700; color: #333333; line-height: 2.4rem; margin-bottom: 0.5rem }
.sub_tbox_img2 .txtbox2 p { text-align: center; font-size: 1.2rem; font-weight: 400; color: #333333; line-height: 1.5}
	
.sub_tbox_img2 .radiusimg img {width: 100%; border-radius: 0 5px 5px 0}
	
/*서브 중간흰색박스 좌측이미지 우측 설명 공통 + 모바일만 텍스트 가운데 정렬 + 검정원*/
.sub_tbox_img3 { clear: both; width: 100%; overflow: hidden; display: flex; flex-direction: column; padding: 0; align-items: center; justify-content: center}
.sub_tbox_img3 .leftimg { width: 100%; float: left}
.sub_tbox_img3 .leftimg img { width: 100%; }
.sub_tbox_img3 .righttxt { width: 100% !important; padding: 2rem 0.5rem ; box-sizing: border-box; display: flex; flex-direction: column; align-items: left; justify-content: center; margin : 0}
.sub_tbox_img3 .righttxt .number { display: none}
.sub_tbox_img3 .righttxt .sub_title {width: 100%; float: left; text-align: center; font-size: 1.8rem; font-weight: 700; color: #333333; line-height: 2.5rem;}
.sub_tbox_img3 .righttxt .sub_txt { font-weight: 400; font-size: 1.2rem; line-height: 1.8rem; margin: 1rem 0; color: #3a3a3a; letter-spacing: -1px; text-align: center}	
.sub_tbox_img3 .radiusimg img {width: 100%; border-radius: 0 5px 5px 0}
	
.circle_black {width: 100%; float: left; padding-top: 1rem}
.circle_black ul { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 0}
.circle_black li { background: #222222; color: #ffffff; font-weight: 400; font-size: 1.2rem; line-height: 100%; border-radius: 50%; width: 10rem; height: 10rem; opacity: 5; text-align: center; padding: 0; margin: 0 0.3rem !important}
	
/*서브 중간 검정배경 안 흰색박스*/
.sub_dark_wbg_wrap { clear: both; width: 100%; overflow: hidden; display: flex; flex-direction: column}
.sub_dark_wbg { width: 100%; float: left; margin-top: 2rem}
.sub_dark_wbg ul { width: 100%;}
.sub_dark_wbg li { width: 100%; background: #ffffff url("/images/service/icon_x.png") no-repeat 3% 50%/ 1.2rem; padding: 1.4rem 0.2rem 1.4rem 3.2rem; margin-bottom: 0.5rem; font-size: 1.2rem; color: #333333; font-weight: 500; text-align: left; box-sizing: border-box; letter-spacing: -1px}
.sub_dark_wbg li:nth-child { margin-bottom: 0; }
	
/*서브 중간 좌측이미지 우측숫자 리스트*/
.sub_limg_rlist { clear: both; width: 100%; overflow: hidden; display: flex; align-items: center; flex-direction: column}
.sub_limg_rlist .leftimg {padding: 0;}
.sub_limg_rlist .leftimg img { width: 100%}	
.sub_limg_rlist .righttxt { box-sizing: border-box; text-align: center; }
.sub_limg_rlist .righttxt .graybox26{ background: #333333; font-size: 1.2rem; color: #ffffff; font-weight: 800; padding: 4px 10px; line-height: 2.6rem; text-transform: uppercase; order: 1}
.sub_limg_rlist .righttxt ul {width: 100%; margin-top: 1rem}
.sub_limg_rlist .righttxt li { width: 100%; background: #ffffff; padding: 0.5rem 0; box-sizing: border-box; text-align: left;  order: 4}
.sub_limg_rlist .righttxt li:nth-child { margin-bottom: 0; }
.sub_limg_rlist .righttxt li dt { width: 1.5rem; height: 1.5rem; background: #1550c7; font-weight:600; color: #ffffff ; font-size:0.9rem; text-align: center; float: left; border-radius: 0.75rem; line-height: 1.5rem}
.sub_limg_rlist .righttxt li dd { padding: 0 0 0 1.8rem; font-weight:400; color: #333333 ; font-size:1.2rem; line-height: 1.6rem}
.sub_limg_rlist .righttxt li dd span { font-weight:800;}
	
/*공통 좌측 숫자 리스트*/
.number_list { clear: both; width: 100%; overflow: hidden;}
.number_list ul {width: 100%; display: flex; flex-direction: column}
.number_list li { width: 100%; background: #ffffff; padding: 0.4rem 0; box-sizing: border-box; text-align: left;  order: 4}
.number_list li:nth-child { margin-bottom: 0; }
.number_list li dt { width: 1.5rem; height: 1.5rem; background: #1550c7; font-weight:600; color: #ffffff ; font-size:0.9rem; text-align: center; float: left; border-radius: 0.75rem; line-height: 1.5rem}
.number_list li dd { padding: 0 0 0 1.8rem; font-weight:400; color: #333333 ; font-size:1.2rem; line-height: 1.6rem}
.number_list li dd span { font-weight:800;}

/*성병팝업 정보*/
.stdprocess { clear: both; width: 100%; float: left; padding: 2%; box-sizing: border-box}
.stdprocess h2 { font-size:2rem; line-height:2rem; font-weight: 700; letter-spacing: -1px; margin-top: 0.5rem}
.stdprocess h3 { font-size:1.2rem; line-height:1.8rem; font-weight: 400; letter-spacing: -1px; margin:1rem 0 0 0; color: #333333 ; }
.stdprocess ul { width: 100%; display: flex; flex-direction:column; justify-content: space-between; align-items: flex-start; margin: 0.3rem 0 1rem 0; }
.stdprocess li {width: 100%; margin: 0.5rem 0; display: flex; flex-direction:row; justify-content: space-between; align-items: center; }
.stdprocess li p {width: 30%; float: left; text-align: center; display: flex; justify-content: center; align-items: center; margin : 0}
.stdprocess li p img { width: 7rem}
.stdprocess li dl { width: 70%; display: flex; flex-direction:column; justify-content: space-between; align-items: flex-start; margin: 0; }
.stdprocess li dt { font-size: 1.2rem; font-weight: 400; color: #333333; text-align: left; margin-bottom: 0.5rem}
.stdprocess li dd { font-size: 1.2rem; font-weight: 600; color: #1550c7; text-align: left; line-height: 1.5rem; }
.stdprocess .stdtest { background: #333333; width: 100%; font-size:1.3rem; line-height:2rem; font-weight: 700; letter-spacing: -1px; padding:1rem 0; color: #ffffff ;box-sizing: border-box }
	
.stdprocess2 { clear: both; width: 100%; float: left; padding: 2%; box-sizing: border-box}
.stdprocess2 h2 { font-size:2rem; line-height:2rem; font-weight: 700; letter-spacing: -1px; margin-top: 0.5rem}
.stdprocess2 h3 { font-size:1.2rem; line-height:1.8rem; font-weight: 400; letter-spacing: -1px; margin:1rem 0 0 0; color: #333333 ; }
.stdprocess2 ul { width: 100%; display: flex; flex-direction:column; justify-content: space-between; align-items: flex-start; margin: 0 0 1rem 0; }
.stdprocess2 li {width: 100%; margin: 0.5rem 0; display: flex; flex-direction:row; justify-content: flex-start; align-items: center; }
.stdprocess2 li p {width: 30% !important; float: left; text-align: center; display: flex; justify-content: center; align-items: center; margin : 0}
.stdprocess2 li p img { width: 7rem}
.stdprocess2 li dl { width: 70%; display: flex; flex-direction:column; justify-content: space-between; align-items: flex-start; margin: 0; }
.stdprocess2 li dt { font-size: 1.2rem; font-weight: 400; color: #333333; text-align: left; margin-bottom: 0.5rem}
.stdprocess2 li dd { font-size: 1.2rem; font-weight: 600; color: #1550c7; text-align: left; line-height: 1.5rem; }
.stdprocess2 .stdtest {  clear: both; float: left; background: #333333; width: 100%; font-size:1.3rem; line-height:2rem; font-weight: 700; letter-spacing: -1px; padding:1rem 0; color: #ffffff ;box-sizing: border-box }

.std_processbox { clear: both; width: 100%; margin: 0 auto 1rem 0; border: 10px solid #f0f0f0; background: #ffffff; padding: 1% 3%; box-sizing: border-box; overflow: hidden; float: left}
.std_processbox ul { margin: 0 auto;  width: 100%; flex-wrap: nowrap }
.std_processbox li { width: 100%; float: left; box-sizing: border-box; padding: 0.2rem 0 0.3rem 1.5rem; border-bottom: 1px dashed #c5c5c5; font-size: 1.2rem; font-weight: 400; line-height: 1.5rem; background: url("/images/n_common/warning_icon.png") no-repeat left 30%; background-size: 1.2rem; text-align: left; letter-spacing: -1px}
.std_processbox li:last-child { border: none}
.std_processbox li em {font-weight: 600; width: 25%}
	
/* 로그인 */
.login { clear: both; width: 100%; float: left; padding: 0; box-sizing: border-box}
.login h4{ clear: both; width: 100%; font-size: 2.5rem; color: #333333;  text-align: center; font-weight: 800;  margin: 1rem 0; }
.login .bt_login { width: 100%; background: #d40000; font-size: 1.2rem; color: #ffffff; text-align: center; padding: 1rem; box-sizing: border-box; border-radius: 3px; font-weight: 600}
.login .bt_join { width: 100%; background: #ffffff; font-size: 1.2rem; color: #333333; border: 1px solid #333333; text-align: center; padding: 1rem; box-sizing: border-box; border-radius: 3px; font-weight: 600}
.login .bt_naver { width: 100%; background: #2db400 url("/images/common/icon_naver.png") no-repeat 7% 50%; background-size: 22px; font-size: 1.2rem; color: #ffffff; text-align: center; padding: 1rem; box-sizing: border-box; border-radius: 3px; font-weight: 600}
.login .bt_kakao { width: 100%; background: #ffeb00 url("/images/common/icon_kakao.png") no-repeat 6% 50%; background-size: 30px; font-size: 1.2rem; color: #3c1e1e; text-align: center; padding: 1rem; box-sizing: border-box; border-radius: 3px; font-weight: 600}

.login .check {clear: both; width: 100%; text-align: center; margin: 0 auto; font-size: 1.2rem; padding: 1rem 0 0 0; color: #333333; }
.login .check .find { float: none; color: #000000; text-decoration-line: underline; text-underline-offset: 7px; font-weight: 700; text-align: center; padding: 1.5rem 0; overflow: hidden}
.login .check .find:hover { cursor: pointer}

/* 아이디/비밀번호 찾기 */
.idpw { clear: both; width: 100%; margin: 0 auto; overflow: hidden; padding: 0; box-sizing: border-box; }
.idpw h3{ clear: both; width: 100%; float: left; font-size: 2.4rem; color: #333333;  text-align: center; font-weight: 800; margin-bottom: 1.5rem;}
.idpw .tab { clear: both; width: 100%; }
.idpw .tab ul {  width: 100%; border-bottom: 1px solid #333333; display: flex; flex-direction: row}
.idpw .tab li { width: 50%; font-size: 1.2rem; color: #989898;  text-align: center; font-weight: 400; border: 1px solid #d5d5d5; box-sizing: border-box; padding: 1rem 0; border-radius: 5px 5px 0 0 }
.idpw .tab .on { width: 50%; font-size: 1.2rem; background: #333333; color: #ffffff;  text-align: center; font-weight: 600; border: none; border-radius: 5px 5px 0 0}
.idpw .tab li:hover { cursor: pointer}
.idpw .t_txt { width: 100%; font-size: 1.2rem; color: #3a3a3a; font-weight: 400;line-height: 1.8rem; letter-spacing: -1px; box-sizing: border-box; padding: 1.5rem 0; text-align: center}
.idpw .txtbg { clear: both; background: #f4f4f4; padding: 2rem 0.5rem; text-align: center;}
.idpw .txtbg2 { clear: both; background: #f4f4f4; padding: 1.5rem 1rem; text-align: left; margin-top: 1rem; display: flex; flex-direction: column; letter-spacing: -1px}
.idpw .txtbg2 label {letter-spacing: -1px}
.idpw .radio input{  margin-right: 5px}

.idpw .check {clear: both; width: 100%; text-align: center; margin: 10px auto; font-size: 1.2rem; padding: 0.5rem 0 0 0; color: #333333; }
.idpw .check .find { color: #000000; text-decoration-line: underline; text-underline-offset: 7px; font-weight: 700; text-align: center; padding: 1.5rem 0; overflow: hidden}
.idpw .check .find:hover { cursor: pointer}

/* 회원가입 */
.join_apply { clear: both; width: 100%; margin: 0 auto; overflow: hidden; padding: 0; box-sizing: border-box; }
.join_apply h4{ clear: both; width: 100%; float: left; font-size: 2.4rem; color: #333333;  text-align: center; font-weight: 800; border-bottom: 1px solid #333333; margin-bottom: 1rem; padding: 0 0 20px 0}
.join_apply h5{ clear: both; width: 100%; float: left; font-size: 1.5rem; color: #333333;  text-align: left; font-weight: 600; border-bottom: 1px solid #333333; margin-bottom: 1rem; padding: 0 0 20px 0}
.join_apply ul { width: 100%; display: flex; flex-direction: column; }
.join_apply li { width: 100%; margin: 0 0 0.8rem 0}
.join_apply li:last-child { width: 100%; margin: 0}
.join_apply dl { width: 100%; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-end}
.join_apply dt {width: 100%; font-size: 1.2rem; color: #333333; text-align: left; font-weight: 600; line-height: 45px}
.join_apply dd { width: 100%; display: block; font-size: 1.2rem; color: #333333; text-align: left; font-weight: 400;}
.join_apply dd .txt { font-size: 1.2rem; color: #1550c7; text-align: left; font-weight: 600; line-height: 45px }

.join_apply dd .applybt {float: right; background: #8b8b8b; font-size: 1.2rem; color: #ffffff; text-align: center; padding: 13px; box-sizing: border-box; border-radius: 3px; width: 165px}
.join_apply dd .applybt:hover { cursor: pointer}
	
.join_apply dd .applybt2 {float: right; background: #1550c7; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; color: #ffffff; text-align: center; padding: 0.5rem 0.7rem; box-sizing: border-box; border-radius: 5px; }
.join_apply dd .applybt2:hover { cursor: pointer}

.join_apply .w50 { display: flex; align-items: center; justify-content: space-between; margin-bottom: 5px}
.join_apply .w50 input { width: 49.5%; font-size: 1.2rem; color: #333333; text-align: left; font-weight: 400; border: 1px solid #d5d5d5; background: #ffffff; padding: 0.5rem; height: 3rem; box-sizing: border-box; border-radius: 3px}
.join_apply .w100 select{ display: block;  width: 100%; font-size: 1.2rem; color: #333333; text-align: left; font-weight: 400; border: 1px solid #d5d5d5; background: #ffffff; padding: 0.5rem; height: 3rem; box-sizing: border-box; border-radius: 3px}
	
.radiobt label { margin-right: 50px;  }
.radiobt input {width: 20px; height: 20px; margin-right: 5px}
.radiobt span { font-size: 1.2rem; color: #333333; text-align: left; font-weight: 400; margin-left: 5px; }
	
.radiotxt { width: 100%; background: #f9f9f9; padding: 1rem; margin: 10px 0; font-size: 1.1rem; color: #333333; text-align: left; font-weight: 400; line-height: 1.4; box-sizing: border-box}
.radiotxt span { color: #f12222}
	
.join_end { clear: both; width: 100%; border: 10px solid #eeeeee; padding: 5rem 1rem; box-sizing: border-box; margin-bottom: 1rem;}
.join_end .title { font-size: 2.5rem; font-weight: 800; line-height: 3rem; color: #333333; text-decoration-line: underline; text-underline-offset: 10px; text-decoration-thickness: 2px; text-align: center;}
.join_end .txt { font-size: 1.2rem; font-weight: 400; color: #666666; line-height: 1.8rem; text-align: center; margin-top: 2.5rem}

/* 회원가입 동의 */
.join_agree { clear: both; width: 100%; float: left}
.join_agree ul { clear: both; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center;  box-sizing: border-box}
.join_agree li { clear: both; width: 50%; text-align: left; font-size: 1rem; padding: 0.2rem 0; color: #878787; flex: 1 1 50%; font-weight: 400; margin: 0; display: flex; align-items: center; letter-spacing: -1px;  }
.join_agree li label { display: flex; align-items: center; gap:0.2rem; letter-spacing: -1px; margin-right: 0 }
.join_agree .allagree{ width: 100%; background: #f0f0f0; border: 1px solid #d5d5d5; box-sizing: border-box; margin: 1rem 0}
.join_agree .allagree label { display: flex; align-items: center; justify-content: center; text-align: center; font-size:1.2rem; font-weight: 700; padding: 1rem; ; gap :10px}
.join_agree .allagree .checkbox input{ width: 1rem; height: 1rem}
.join_agree .bt_white { color:#878787; background:#ffffff; border: 1px solid #e1e1e1; font-weight: 400; text-align:center; box-sizing: border-box; padding:0.1rem 0.2rem; font-size:0.9rem; letter-spacing: -1px}
.join_agree .bt_white:hover { cursor: pointer}
.join_agree .txt { font-size: 1.2rem; font-weight: 400; color: #333333; line-height: 1.6; text-align: left; padding: 10px 0}
	
/* 마이페이지_sns연결설정 */
.my_sns { width: 100%; margin: 0 auto; overflow: hidden; padding: 0; box-sizing: border-box; border-top: 1px solid #333333; border-bottom: 1px solid #333333;}
.my_sns ul { width: 100%; display: flex; flex-direction: column; }
.my_sns li { width: 100%; padding: 1rem 0; border-bottom: 1px solid #e7e7e7}
.my_sns li:last-child { border: none}
.my_sns dl { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center}
.my_sns dt { width: 100%; font-size: 1.2rem; color: #333333; text-align: left; font-weight: 600; display: flex; flex-direction: row; align-items: center; gap:10px}
.my_sns dt span { color: #adadad; text-align: left; font-weight: 400; line-height: 1.5rem; margin-left: 0.5rem}
.my_sns dd { width: 100%; text-align: left; margin-top: 1rem}
.my_sns dd .btn_white { width: 100%; border-radius: 5px; color:#333333; background:#ffffff; border: 1px solid #333333; font-weight: 500; text-align:center; box-sizing: border-box; padding:1rem 0; font-size:1.2rem; }
.my_sns dd .btn_black { border-radius: 5px; color:#ffffff; background:#333333; font-weight: 500; text-align:center; box-sizing: border-box; padding:1rem 0; font-size:1.2rem; }
.my_sns dd .btn_violet { border-radius: 5px; color:#ffffff; background:#1550c7; font-weight: 500; text-align:center; box-sizing: border-box; padding:1rem 0; font-size:1.2rem; }
.my_sns dd .btn_blue { border-radius: 5px; color:#ffffff; background:#1550c7; font-weight: 500; text-align:center; box-sizing: border-box; padding:1rem 0; font-size:1.2rem; }
.my_sns dd .btn_red { border-radius: 5px; color:#ffffff; background:#f75454; font-weight: 500; text-align:center; box-sizing: border-box; padding:1rem 0; font-size:1.2rem; }

/* 마이페이지_마케팅수신동의 */
.my_marketing { clear: both; width: 100%; margin: 0 auto; overflow: hidden; padding: 1rem 0; box-sizing: border-box; border-top: 1px solid #333333; }
.my_marketing h4{ clear: both; width: 100%; float: left; font-size: 1.6rem; line-height: 3rem; color: #333333;  text-align: left; font-weight: 800;  padding: 0}
.my_marketing ul { width: 100%; display: flex; flex-direction: column; }
.my_marketing li { width: 100%; padding: 1rem 0;  border-bottom: 1px dashed #e7e7e7; float: left}
.my_marketing li:first-child { padding-top : 0.5rem}
.my_marketing li:last-child { border: none; padding-bottom: 0.5rem}
.my_marketing dl { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end}
.my_marketing dt {width: 100%; font-size: 1.2rem; color: #333333; text-align: left; font-weight: 400; line-height: 1.8rem; margin: 5px 0}
.my_marketing dd { width: 100%; display: block; font-size: 1.2rem; color: #333333; text-align: left; font-weight: 400; padding: 5px 0}
.my_marketing .radio { width: 100%; background: #f4f4f4; padding: 1.5rem; margin: 0.5rem 0; text-align: center; }
.my_marketing .radio label { text-align: center; padding: 0.4rem  }
.my_marketing .radio input {width: 1rem; height: 1rem; margin-right: 5px}
.my_marketing .radio .agreement { display: block; font-size: 18px; color: #a0a0a0; text-align: center; font-weight: 400; padding: 0.5rem 0 0 0}
.my_marketing .w50 { display: flex; flex-direction: row; align-items: center; justify-content: space-between}
.my_marketing .w50 input, .w50 select{ width: 32.5%; font-size: 1.2rem; color: #333333; text-align: left; font-weight: 400; border: 1px solid #d5d5d5; background: #ffffff; padding: 0.5rem; height: 3rem;; box-sizing: border-box; border-radius: 3px}
.my_marketing .w100 {width: 100%; font-size: 1.2rem; color: #333333; text-align: left; font-weight: 400; border: 1px solid #d5d5d5; background: #ffffff; padding: 0.5rem; height: 3rem;; box-sizing: border-box; border-radius: 3px;}
.my_marketing dd .applybt {float: right; background: #333333; font-size: 1.2rem; color: #ffffff; text-align: center; padding: 0.5rem; height: 3rem; box-sizing: border-box; border-radius: 3px; width: 100px}
.my_marketing dd .applybt:hover { cursor: pointer}

/* 마이페이지_회원탈퇴 */
.my_leave { clear: both; width: 100%; margin: 0 auto; overflow: hidden; padding: 1rem 0; box-sizing: border-box; border-top: 1px solid #333333; }
.my_leave ul { width: 100%; display: flex; flex-direction: column; }
.my_leave li { width: 100%; padding: 1rem 0; border-bottom: 1px dashed #e7e7e7; float: left}
.my_leave li:first-child { padding-top :  0.5rem}
.my_leave li:last-child { border: none; }
.my_leave dl { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end}
.my_leave dt {width: 100%; float: left; font-size: 1.6rem; line-height: 3rem; color: #333333;  text-align: left; font-weight: 800;}
.my_leave dd { width: 100%; display: block; margin: 1rem 0}
.my_leave dd textarea {width: 100%; font-size: 1.2rem; color: #333333; text-align: left; font-weight: 400; border: 1px solid #d5d5d5; background: #ffffff; padding: 1rem; box-sizing: border-box; border-radius: 3px}
.my_leave .radio { width: 100%; background: #f4f4f4; padding: 1rem; margin: 0.5rem 0; display: flex; flex-direction: column; font-size: 1.2rem; color: #333333; text-align: left; font-weight: 400;}
.my_leave .radio label { width: 100%; padding: 0.4rem }
.my_leave .radio input {width: 1rem; height: 1rem; margin-right: 5px}
	
/*하단 공통 의료 서비스*/	
.subpageSlider { 
	position: relative; 
	width: 70%; 
	margin: 1rem 15% 0 15%;
	height: 45vw;
}
.hos-intro-slider {
    position: absolute;
    overflow: hidden;
    height: 45vw;
    right: 0px;
    width: 100%;
    min-width: 100%;
}

.subpageSlider .hos-intro-slider .swiper-slide {
    width: 75% !important;
    margin-right: 30px;
}
	
.subpageSlider .hos-intro-slider .swiper-slide img {width: 100%}
	
.subpageSlider .hos-intro-slider .swiper-slide dl { margin-top: 2rem}
.subpageSlider .hos-intro-slider .swiper-slide dt { font-size: 1.6rem; font-weight: 700; color: #333333; text-align: left; margin-bottom: 1rem}
.subpageSlider .hos-intro-slider .swiper-slide dd { font-size: 1.2rem; font-weight: 400; color: #333333; text-align: left ; line-height: 1.8rem}

.subpageSlider .hos-intro-slider .common-bar-paging {
    border-radius: 0;
    left: 0;
    background: #f5f2f0;
    height: 6px;
    width: 100%;
    bottom: 0;
}
.common-bar-paging .swiper-scrollbar-drag {
    border-radius: 0;
    background: #1550c7;
}
	
/*하단공통*/
.scaleimgBox { clear: both; width: 100%; margin: 0 0 5rem 0; }
.scaleimgBox ul { width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap}
.scaleimgBox li {width: 32%;}

.scaleimg {position: relative; width: 100%; height: 18rem; overflow: hidden }
.scaleimg .scaleimg1 {width: 100%; height: 18rem; background: url("/images/common/common_banner_img01.jpg") no-repeat; background-size: cover}
.scaleimg .scaleimg1:hover { 
	transition: all 1s ease; 
	transition: scale(1.15); /* default */
	-webkit-transform:scale(1.15); /* 크롬 */
	-moz-transform:scale(1.15); /* FireFox */
	-o-transform:scale(1.15); /* Opera */
	cursor: pointer;		
		
}
.scaleimg .scaleimg2 {width: 100%; height: 18rem; background: url("/images/common/common_banner_img02.jpg") no-repeat; background-size: cover}
.scaleimg .scaleimg2:hover { 
	transition: all 1s ease; 
	transition: scale(1.15); /* default */
	-webkit-transform:scale(1.15); /* 크롬 */
	-moz-transform:scale(1.15); /* FireFox */
	-o-transform:scale(1.15); /* Opera */
	cursor: pointer;		
		
}
.scaleimg .scaleimg3 {width: 100%; height: 18rem; background: url("/images/common/common_banner_img03.jpg") no-repeat; background-size: cover}
.scaleimg .scaleimg3:hover { 
	transition: all 1s ease; 
	transition: scale(1.15); /* default */
	-webkit-transform:scale(1.15); /* 크롬 */
	-moz-transform:scale(1.15); /* FireFox */
	-o-transform:scale(1.15); /* Opera */
	cursor: pointer;		
		
}

.scaleimg dl{ width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column}
.scaleimg dt { font-size: 1.4rem; color: #ffffff; font-weight: 600; text-align: center; line-height: 1.8rem}
.scaleimg dd { font-size: 1.2rem; color: #ffffff; font-weight: 400; text-align: center; text-decoration: underline; text-underline-offset:10px; line-height: 200%;}
.scaleimg dd span { font-size: 0.7rem; line-height: 30%}
	
/*검색*/
.search {width: 100%; display: flex; align-items: center; justify-content: flex-end}
.search input { width: 45%; font-size: 1.1rem; color: #333333; text-align: left; font-weight: 400; border: 1px solid #c9c9c9; background: #ffffff; padding: 0.3rem; box-sizing: border-box; border-radius: 3px; margin: 0 0.5rem}
.search select { font-size: 1.1rem; color: #333333; text-align: left; font-weight: 400; border: 1px solid #c9c9c9; background: #ffffff; padding: 0.4rem 0.3rem !important; box-sizing: border-box; border-radius: 3px;}
.search .searchbt { background: #333333; font-size: 1.1rem; color: #ffffff; text-align: center; padding: 0.6rem 1rem; box-sizing: border-box; border-radius: 3px; }
.search .searchbt:hover { cursor: pointer}
	
/*게시판 기본 테이블*/
.board_list {width: 100%; clear:both; border-collapse:collapse; border-top:2px solid #333333; border-bottom:1px solid #ececec; margin:6% 0}
.board_list caption{display:none}
.board_list tr {border-bottom :1px solid #ececec; }
.board_list thead td { background:#ffffff; padding: 1rem 0.5rem; text-align: center; font-size: 1.2rem ; color:#333333; font-weight: 600; }
.board_list thead th { background:#f8f8f8; padding: 1rem 0.5rem; text-align: center; font-size: 1.2rem ; color:#333333; font-weight: 600;}
.board_list tbody th { background:#ffffff; padding: 1rem 0.5rem; font-size: 1.1rem; text-align: center; color:#333333; font-weight: 400}
.board_list tbody td {padding: 1rem 0.5rem ; text-align: left; font-size: 1.1rem; color: #333333; line-height:24px; font-weight: 400; word-break: keep-all;}
.board_list tbody .icon img { width: 0.8rem}
.board_list tbody tr:hover { cursor: pointer}
.board_list .noticetxt img { width: 12px; margin: 0.2rem 0.5rem 0 0}

/*게시판 기본 테이블_cursor none*/
.board_list2 {width: 100%; clear:both; border-collapse:collapse; border-top:2px solid #333333; border-bottom:1px solid #ececec; margin:6% 0}
.board_list2 caption{display:none}
.board_list2 tr {border-bottom :1px solid #ececec; }
.board_list2 thead td { background:#ffffff; padding: 1rem 0.5rem; text-align: center; font-size: 1.2rem ; color:#333333; font-weight: 600; }
.board_list2 thead th { background:#f8f8f8; padding: 1rem 0.5rem; text-align: center; font-size: 1.2rem ; color:#333333; font-weight: 600;}
.board_list2 tbody th { background:#ffffff; padding: 1rem 0.5rem; font-size: 1.1rem; text-align: center; color:#333333; font-weight: 400}
.board_list2 tbody td {padding: 1rem 0.5rem ; text-align: left; font-size: 1.1rem; color: #333333; line-height:24px; font-weight: 400; word-break: keep-all;}
.board_list2 tbody .icon img { width: 0.8rem}
.board_list2 .noticetxt {background: #1550c7; color: #ffffff; font-size: 1rem; text-align: center; padding: 0.2rem; margin-right: 0.4rem; border-radius: 3px}
.board_list2 .certified {background: #333333; color: #ffffff; font-size: 1.1rem; text-align: center; padding: 4px 20px; border-radius: 3px;}
.board_list2 .uncertified {background: #e2e2e2; color: #8a8a8a; font-size: 1.1rem; text-align: center; padding: 4px 12px; border-radius: 3px;}
.board_list2 .money_recharge {background: #ffffff; color: #333333; font-size: 1.1rem; text-align: center; padding: 4px 10px; border-radius: 3px; border: 1px solid #333333}
.board_list2 .money_invite {background: #f4f4f4; color: #333333; font-size: 1.1rem; text-align: center; padding: 4px 10px; border-radius: 3px; border: 1px solid #333333}
	
/*게시판 언론보도*/
.new_tablenews { display: flex; width: 100%; clear:both; margin:6% 0; padding:4% 0; border-bottom :1px solid #d8d8d8; border-top :2px solid #333333}
.new_tablenews ul {display: flex; flex-wrap: wrap; align-self: auto !important; justify-content: space-between !important; }
.new_tablenews li { width: 47%; padding: 4% 0}
.new_tablenews li dl {width: 100%;  float:left;  }
.new_tablenews li dl:hover {  text-decoration:none; cursor: pointer; }
.new_tablenews li dt {float: left; padding: 0 ; width: 100%;border:1px solid #e9e9e9; box-sizing: border-box; margin-bottom: 7px}
.new_tablenews li dt img {width: 100%; height: 20vw; object-fit: cover; object-position :top}
.new_tablenews li dd {width: 100%; text-align: left; line-height: 1.4rem; font-size: 1.2rem}
	
/*게시판 기본 상세*/
.board_view { clear: both; width: 100%; display: flex; margin: 0; flex-direction: column}
.board_view .title { clear: both; width: 100%; float: left; font-size: 1.8rem; color: #333333;  text-align: left; font-weight: 800; line-height: 130%; border-bottom: 1px solid #333333; padding: 0 0 1rem 0.1rem; box-sizing: border-box; word-break: keep-all;}
.board_view .title2 { clear: both; width: 100%; float: left; font-size: 1.8rem; color: #333333;  text-align: left; font-weight: 800; line-height: 130%; word-break: keep-all;}
.board_view .date2 { clear: both; width: 100%; float: left; font-size: 1rem; color: #8b8b8b;  text-align: left; font-weight: 400; border-bottom: 1px solid #d4d4d4; padding: 10px 0 20px 4px; box-sizing: border-box}
.board_view .newsgo button { background: #091d3f; color: #ffffff; font-size: 1.1rem; padding: 0.7rem 1.8rem; text-align: center; margin-bottom: 1rem}
.board_view .view { clear: both; width: 100%; text-align: left; padding: 2rem 0; box-sizing: border-box; overflow: hidden; font-size: 1.2rem; color: #333333; font-weight: 400; line-height: 1.6 !important}
.board_view .view p{ clear: both; width: 100%; text-align: left; ont-size: 1.2rem; color: #333333; font-weight: 400; line-height: 1.6 !important}
.board_view .view img { width: 100%; }
.board_view img { width: 100%; }
.board_view .txt { clear: both; width: 100%; font-size: 1.2rem; color: #333333; font-weight: 400; text-align: center; padding: 2rem 0; box-sizing: border-box; overflow: hidden; ; line-height: 1.6 !important}
.board_view .stxt { clear: both; width: 100%; font-size: 0.9rem; color: #848484; font-weight: 300; text-align: center; padding: 2rem 0 3rem 0; box-sizing: border-box; overflow: hidden; line-height: 1.6}

/*페이징*/
.pagination { clear: both; display: flex; justify-content: center; align-items: center; list-style-type: none; padding: 0; margin: 1rem 0 0 0;}
.pagination a { color: #333; padding: 9px 12px; border: 1px solid #ddd; margin: 0 1px; font-size: 1rem; transition: background-color 0.3s ease; line-height: 100% !important }
.pagination a:hover { background-color: #f1f1f1; }
.pagination a.active { background-color: #333; color: #fff; border-color: #333;}
.pagination a.first-page, .pagination a.prev-page, .pagination a.next-page , .pagination a.last-page  { line-height: 30px !important; height: 34px; padding: 0 12px}

/*이전글 다음글*/
.nextprev_wrap { clear: both; float: left; width: 100%; border-top: 1px solid #333333; border-bottom: 1px solid #333333; margin: 0 0 1rem 0}
.nextprev_wrap .prev { width: 100%; border-bottom: 1px solid #ececec; padding: 1rem 0; }
.nextprev_wrap .next { width: 100%; padding: 1rem 0;}
.nextprev_wrap .prev .title {background: url("/images/n_community/arrow_up.png") no-repeat 3.8rem 50%; background-size: 0.8rem; font-size: 1.1rem; font-weight: 700; margin-bottom: 0.5rem; }
.nextprev_wrap .next .title {background: url("/images/n_community/arrow_down.png") no-repeat 3.8rem 50%; background-size: 0.8rem; font-size: 1.1rem; font-weight: 700; margin-bottom: 0.5rem; }
.nextprev_wrap .txt { font-size: 1rem; font-weight: 400; color: #797979 }
.nextprev_wrap .txt:hover { cursor: pointer}
	
/* 하단 상담대표전화 & 상담신청*/
.quick_wrap { display: none}

/* 신청 폼 공통 */
.info_warp .info_warp {width:100%; margin:0 auto;}
.info_warp .fc{ color: #e8a91e}

.info_warp .input_set{position:relative;margin-bottom:7px; clear: both}
.info_warp .input_set .fl{position:absolute;top:0;left:0}
.info_warp .input_set .fr{position:absolute;top:0;right:0}

.info_warp .input_wrap{line-height:45px;position:relative;overflow:hidden;}

.info_warp .int{line-height:45px;display:block;overflow:hidden;height:32px;padding:8px;background:#fff;border-radius:3px  }
.info_warp .int input{color:#444444;font-size:1.1rem;line-height:32px;width:100%;height:28px;vertical-align:top;border:none; outline: none ; background:#fff;}
.info_warp .int select{color:#444444;font-size:1.1rem;line-height:32px;width:100%;height:28px;vertical-align:top;border:none; outline: none; background:#fff;}

.info_warp .int2{float: left;line-height:54px;display:block;overflow:hidden;height:54px;padding:11px 8px 25px 8px;background:#fff; width:30%; box-sizing: border-box; margin: 2px;border-radius:3px;  }
.info_warp .int2:last-child{float: left;line-height:54px;display:block;overflow:hidden;height:54px;padding:10px;background:#fff; width:38%; box-sizing: border-box; margin: 2px;border-radius:3px;  }
.info_warp .int2 select{ color:#444444;font-size:1.1rem;line-height:34px;width:100%;height:34px;vertical-align:top; border-radius:3px; outline: none; background:#fff; border: none}

.info_warp .input_wrap_type3{margin-right:107px}

.info_warp .bt_number {border-radius:3px; font-weight: 600; font-size:1.1rem; line-height:32px;display:inline-block;overflow:hidden; width:100px; height:32px; text-align:center; vertical-align:top; white-space:nowrap; background:#333333; color:#ffffff !important}

.info_warp .event_agree {width:100%; text-align:left; vertical-align:middle; color:#333333; margin: 0.5rem auto; clear: both; font-size:1.1rem; padding:1rem 0}
.info_warp .event_agree a{ color:#fff;  font-size:1.1rem}
.info_warp .event_agree a:link, a:visited { color:#333333;  font-size:1.1rem}
.info_warp .event_agree .okbt { background: #ffffff; border: 1px solid #e0e0e0; padding: 0.2rem 0.5rem; color: #333333; font-weight: 400; font-size: 1rem}
.info_warp .event_agree .okbt:hover { cursor: pointer}

.info_warp .ok_button {text-align:center; width:100%; padding:1.2rem 0; clear:both; background: #d40000; color:#fff; font-size: 1.2rem; font-weight: 700; border-radius:3px}
.info_warp .ok_button:hover { cursor: pointer}

.info_warp .ok_button2 {text-align:center; width:100%; padding:1.2rem 0; clear:both; background: #333333; color:#fff; font-size: 1.2rem; font-weight: 700; border-radius:3px}
.info_warp .ok_button2:hover { cursor: pointer}
	
/*apply*/
.apply { clear: both; width: 100%; float: left; margin: 1rem 0; background: #ffffff; padding: 1rem 0; box-sizing: border-box; border-top: 1px solid #333333; border-bottom: 1px solid #333333}
.apply ul { width: 100%; display: flex; flex-direction: column; }
.apply li { width: 100%; margin: 0.5rem 0}
.apply dl { width: 100%; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-end}
.apply dt { width: 100%; font-size: 1.2rem; color: #333333; text-align: left; font-weight: 600; line-height: 45px}
.apply dt .blue { color: #1550c7; font-weight: 600; line-height: 45px}
.apply dd { width: 100%; display: block; margin-bottom: 5px}

.apply .input_set{position:relative;margin-bottom:8px; clear: both}
.apply .input_set .fl{position:absolute;top:0;left:0}
.apply .input_set .fr{position:absolute;top:0;right:0}

.apply .input_wrap{line-height:45px;position:relative;overflow:hidden;margin-bottom:6px;}

.apply .int {line-height:45px;display:block;overflow:hidden;height:40px;padding:11px 10px 0 10px;background:#fff;border-radius:3px;border:1px solid #d9d9d9; margin-bottom: 5px}
.apply .int input {color:#444444;font-size:1.2rem;line-height:29px;width:100%;height:29px;vertical-align:top;border:none; outline: none; background:#fff;}
.apply .int select {color:#444444;font-size:1.2rem;line-height:29px;width:100%;height:29px;vertical-align:top;border:none; outline: none; background:#fff ;}

.apply .input_wrap2 { position:relative; overflow:hidden; margin-bottom:6px; display: flex; justify-content: space-between; flex-direction: column}
.apply .int2 {width: 100%; display:block;overflow:hidden; height:52px;padding:5px 10px;background:#fff;border-radius:3px;border:1px solid #d9d9d9; margin-bottom: 5px}
.apply .int2 input {color:#444444;font-size:1.2rem;line-height:42px;width:100%; vertical-align:top;border:none; outline: none; background:#fff;}
.apply .int2 select {color:#444444;font-size:1.2rem;line-height:42px;width:100%; height:42px; vertical-align:top;border:none; outline: none; background:#fff ;}
	
.apply textarea {color:#444444; font-size:1.2rem; line-height:29px; width:100%; height:200px; border:1px solid #d9d9d9; background:#fff ; box-sizing: border-box}

.apply .input_wrap_type3{margin-right:107px}

.apply .bt_gray {border-radius:3px;font-weight: 400; font-size:1.2rem; line-height:53px; display:inline-block; overflow:hidden; width:100px; height:53px; text-align:center; white-space:nowrap; background:#333333; color:#fff !important}

.apply_agree {clear: both; width: 100%; text-align: center; vertical-align: middle; margin: 0.5rem auto; font-size: 1.2rem; padding: 0; color: #333333;}
	
/*카피라이터*/
.footer { background:#ffffff; clear:both; width:100%; float:left; padding: 1.5rem 0 9rem 0; border-top: 1px solid #e0e0e0 }
.footer .logo { width:380px; display: none }
.footer .address { float:left; text-align:left ; width:100%; color:#333333}
.footer .address ul { width:100%; padding-bottom:10px; float:left}
.footer .address li { float:left; color:#333333; padding-right: 5px; line-height: 1.6 }
.footer .address li a {color:#333333; font-size:1rem}
.footer .address li a:hover {color:#d40000}
.footer .address p { clear:both; color:#333333; font-size:0.85rem; font-weight: 300; line-height: 1.3}

.quickBar {position:fixed; bottom:0px; padding:0px; width:100%; z-index: 9999; display:block;border-top: 1px solid #e0e0e0; background: #ffffff}
.quickBar ul {width:65%; margin:0 auto; padding:0;}
.quickBar ul li { float:left; display:inline-block; width:20%; padding:0; margin:0; text-align:center;}
.quickBar ul li img{ width:100%;}

/*우측 퀵메뉴*/
.sidequick { position: fixed; bottom: 100px; right: 20px}
.sidequick ul { width: 57px; float: right;}
.sidequick li { width: 100%; margin-bottom: 10px}
.sidequick li:last-child { width: 100%; margin-bottom: 0}
	
 /*상세검색*/
/* 전체 컨테이너 */
.filter-container {
  clear: both;
  float: left;
  width: 100%;
  max-width: 100%;
  margin: 1rem auto;
  background: #f6f6f6; 
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  padding: 1rem;
  box-sizing: border-box;
}

/* 드롭다운과 검색창 래퍼 */
.controls {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* select 스타일 */
.controls select {
  padding: 10px 50px 10px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #fff;
  font-size: 1.2rem;
  appearance: none; /* 기본 화살표 숨김 */
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D'10'%20height%3D'7'%20viewBox%3D'0%200%2010%207'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Cpath%20d%3D'M0%200l5%207%205-7z'%20fill%3D'%23666'%20/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 10px 7px;
}

/* 키워드 검색창 */
    .search-input {
      display: block;
      width: 100%;
      margin-top: 0px;
      padding: 10px 12px;
      border: 1px solid #ddd;
      border-radius: 4px;
      font-size: 1.2rem;
      color: #333;
    }
    .search-input::placeholder {
      color: #aaa;
    }

/* 태그(칩) 영역 */
.tags {
  width: 100%; 	
  margin-top: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  border-top: none;
  padding-top: 0;
}

.tag {
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  background-color: #ffffff;border: 1px solid #e3e3e3;
  border-radius: 5px;
  font-size: 0.9rem;
  color: #646464;
}

.tag .remove {
  display: inline-block;
  margin: 2px 0 0 6px;
  font-size: 0.7rem;
  cursor: pointer;
}
	
/* ---------------------------------------매칭리스트----------------------------------- */
/* 카드 컨테이너: 사진과 우측 영역을 가로 정렬 */
.profile-card {
	display: flex;
	background-color: #ffffff;
	border: 1px solid #e0e0e0;
  	border-radius: 8px;
  	padding: 1rem;
  	width: 100%;
  	margin: 0 auto 1rem auto;
  	font-family: sans-serif;
  	color: #333;
	box-sizing: border-box;
	flex-wrap: wrap;
}
.profile-card:hover{
	cursor: pointer; border: 1px solid #e74c3c;
}
/* 왼쪽 사진 섹션 */
.profile-card .photo {
  position: relative;
  width: 28%;
  border-radius: 8px;
  overflow: hidden;
  flex-shrink: 0;
}
.profile-card .photo img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  object-position: center;
}
	
.profile-card .photo .favorite {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 30px;
  height: 30px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #e74c3c;
  cursor: pointer;
}


/* 오른쪽 컨테이너: 이름, 정보, 인증 뱃지 */
.profile_right {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-left: 1rem;
}

/* 이름 및 검색 헤더: 우측 상단 */
.profile-card .name-search {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f6f6f6;
  padding: 1rem;
  border-radius: 5px;
}
.profile-card .name-search h2 {
  	margin: 0;
  	font-size: 1.2rem;
  	font-weight: 600;
	color: #333333;
}
.profile-card .name-search h2 span {
  	font-size: 1.1rem;
  	color: #333333;
  	margin-left: 0;
  	font-weight: 300;
}
.profile-card .name-search .search-btn {
  background: none;
  border: none;
  cursor: pointer;
}
.profile-card .name-search .search-btn img {
  width: 1.4rem;
}
/* 정보와 인증 뱃지를 가로로 배치 */
.profile-card .profile_content {
  display: flex;
  gap: 1rem;
  flex-direction: column;
}

/* 상세 정보 리스트 */
.profile-card .details {
  flex: 1;
  background: #fff;
  border-radius: 4px;
  padding: 0.5rem;;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.profile-card .detail {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-bottom: 1px solid #f0f0f0;
  padding: 0.5rem 0;
  box-sizing: border-box;
}
.profile-card .detail .icon {
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  flex-shrink: 0;
}
.profile-card .icon.phone { background-image: url('/images/matching/phone-icon.png');  }
.profile-card .icon.job   { background-image: url('/images/matching/user-icon.png'); }
.profile-card .icon.loc   { background-image: url('/images/matching/location-icon.png'); }
.profile-card .detail .label {
  width: 50px;
  font-size: 1.1rem;
  color: #959595;
  font-weight: 300;
}
.profile-card .detail .value {
  font-size: 1.1rem;
  font-weight: 600;
}

/* 인증 뱃지 그리드 */
.profile-card .badges_pc {
  display: none
}
.profile-card .badges_m {
  display: grid;
  flex-basis: 100%;
  grid-template-columns: repeat(3, auto);
  margin-top: 12px;
  width: 100%;
  gap: 0.5rem;
}
.profile-card .badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 0.6rem 1rem;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 1rem;
  background: #fff;
}
.profile-card .badge .check {
  display: inline-block;
  width: 15px;
  height: 15px;
  background-size: contain;
  background-repeat: no-repeat;
  flex-shrink: 0;
}
.profile-card .badge.active {
  border-color: #e74c3c;
}
.profile-card .badge.active .check { background-image: url('/images/matching/check-red.png'); }
.profile-card .badge.disabled {
  color: #aaa;
  border-color: #ddd;
}
.profile-card .badge.disabled .check { background-image: url('/images/matching/check-gray.png'); }
/* ---------------------------------------//매칭리스트----------------------------------- */
	
/* ---------------------------------------모바일 상세검색 팝업----------------------------------- */
/* 오버레이 (모달 배경) */
    .overlay {
      display: none;
      position: fixed;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: rgba(0, 0, 0, 0.6);
      z-index: 1000;
      overflow: auto;
      padding: 20px;
	  box-sizing: border-box;
    }

    /* 모달 박스 */
    .modal {
      background: #fff;
      border-radius: 8px;
      max-width: 600px;
      width: 100%;
      margin: 80px auto 10vw auto;
      overflow: hidden;
    }
	.modal_800 {
      background: #fff;
      border-radius: 8px;
      max-width: 600px;
      width: 100%;
      margin: 80px auto 15vw auto;
      overflow: hidden;
    }
    .modal-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 16px;
      border-bottom: 1px solid #eee;
    }
    .modal-header h2 { font-size: 20px; }
    .modal-close {
      background: none;
      border: none;
      font-size: 24px;
      cursor: pointer;
	  color: #333333;
    }

    /* 상세검색 레이아웃 */
    .search_container { display: flex; }
    .search_sidebar { width: 30%; background: #f6f6f6; border-right: 1px solid #eee; }
    .search_sidebar ul { list-style: none; }
    .search_sidebar li {
      padding: 14px 12px;
      cursor: pointer;
      transition: background 0.2s;
    }
    .search_sidebar li:hover { background: #f0f0f0; }
    .search_sidebar li.active { background: #fff; color: #d00; font-weight: 600; }

    .search_content { width: 70%; padding: 12px; }
    .search_content > div { display: none; }
    .search_content > div.active { display: block; }
    .search_content label { display: block; margin-bottom: 15px; cursor: pointer; }

    .search_tags { display: flex; flex-wrap: wrap; padding: 12px; border-top: 1px solid #eee; }
    .search_tag {
      background: #ffffff;
      padding: 6px 10px;
      margin: 4px;
      border-radius: 3px;
      font-size: 0.9rem;
      cursor: pointer;
      border: 1px solid #e3e3e3;
    }
	.search_tag_close {
      background: none;
      border: none;
      margin-left: 6px;
      font-size: 0.7rem;
      cursor: pointer;
	  color: #333333;
    }
    .search_buttons {
      display: flex;
      justify-content: space-between;
      padding: 12px;
      border-top: 1px solid #eee;
    }
    .btn.reset { background: #fff; border: 1px solid #ccc; color: #333; }
    .btn.apply { background: #d00; color: #fff; }
	
/* ---------------------------------------//모바일 상세검색 팝업----------------------------------- */
	
/* 경고안내문 */
.warning { background: #fffd5b; padding: 1.5rem; margin-bottom: 1rem; box-sizing: border-box}
.warning h1 { font-size: 1.4rem; color: #d40000; line-height: 1.3; text-align: left; background: url("/images/common/icon_warning.png") no-repeat left 50%/1.5rem ; padding-left: 2rem; letter-spacing: -1px}
.warning p {font-size: 1.1rem; color: #333333; line-height: 1.4; text-align: left; letter-spacing: -1px; margin-top: 0.5rem}

.warning2 { background: #fafafa; padding: 1.5rem; margin-bottom: 1rem; box-sizing: border-box; border: 1px solid #dcdcdc }
.warning2 h1 { font-size: 1.4rem; color: #333333; line-height: 1.3; text-align: left; background: url("/images/common/icon_warning.png") no-repeat left 50%/1.5rem ; padding-left: 2rem; letter-spacing: -1px}
.warning2 p {font-size: 1.1rem; color: #333333; line-height: 1.4; text-align: left; letter-spacing: -1px; margin-top: 0.5rem}
	
/* 서류현황 */
.identity { padding: 0; margin-bottom: 1rem; }
.identity li { width: 100%; border-bottom: 1px dashed #e0e0e0; padding: 1.5rem 0}
.identity li .shield_r{ font-size: 1.4rem; color: #333333; line-height: 1.8; text-align: left; background: url("/images/matching/shield-icon.png") no-repeat left 1vw/1.2rem ; padding-left: 1.7rem; letter-spacing: -1px; font-weight: 600}
.identity li .shield_b { font-size: 1.4rem; color: #333333; line-height: 1.8; text-align: left; background: url("/images/matching/shield-icon_b.png") no-repeat left 1vw/1.2rem; padding-left: 1.7rem; letter-spacing: -1px; font-weight: 600}
.identity li p {font-size: 1.1rem; color: #333333; line-height: 1.4; text-align: left; letter-spacing: -1px; margin: 10px 0}
.identity .bt_issue { margin-left: 0.5rem}
.identity .bt_issue button { display: inline-block; padding: 0.4rem 0.6rem; font-size: 0.9rem; font-weight: 500; color: #333; background-color: #fff; border: 1px solid #333; border-radius: 5px; text-align: center; transition: all 0.3s ease;}
.identity .bt_issue button:hover {background-color: #f1f1f1; border-color: #000; cursor: pointer; }	

/* 지인/친구소개_잔여머니 */
.money_box {display: flex; align-items: center; justify-content:center; background-color: #fff6f6; padding:1rem 0; border: 1px solid #d40000; font-size: 1.3rem; color: #333333; margin: 4rem 0 0 0 }
.money_box .icon { width: 30px; height: 30px; background: url('/images/common/icon_money.png') no-repeat center center; background-size: 18px; margin-right: 10px; }
.money_box .amount { font-weight: 600; color: #d40000; }

/* 회사소개_차별점 */
.feature_wrap { width: 100%; margin: 3rem auto; overflow: hidden}
.feature_wrap li { width: 100%; float: left; background: #ffffff; margin: 0.7rem 0}

.feature-item {
    display: flex;
    align-items: flex-start; /* 아이콘과 텍스트 상단 정렬 */
    gap: 30px;             /* 아이콘-텍스트 간 간격 */
    padding: 50px;
  }

.feature-icon img {
  display: block;
  width: 110px;
  height: 110px;
  object-fit: contain;
}

.feature-text h3 {
  margin: 0 0 1rem 0;
  font-size: 2rem;
  line-height: 1.4;
  font-weight: 600;
  color: #333333;
}

.feature-text p {
  margin: 8px 0 0;
  font-size: 1.2rem;
  line-height: 1.6;
  color: #555;
}

.feature-text p span { font-weight: 700; }
	
/*매칭대행 동의*/
.apply_wrap {  float: right; margin-bottom: 1rem }
.apply_wrap .okimg{background: url("/images/common/icon_ok.png") no-repeat 0 50%/1.5rem; font-weight: 600; font-size: 1.3rem; margin: 0; padding-left: 2rem}
.btn_red2 { border-radius: 5px; color:#f75454; border: 1px solid #d40000; background:#ffffff url("/images/common/icon_apply.png") no-repeat 7% 50%/1.4rem; font-weight: 500; text-align:center; box-sizing: border-box; padding:0.8rem 1rem; font-size:1.2rem; padding-left: 2.5rem}
.btn_black2 { border-radius: 5px; color:#ffffff; background:#333333 url("/images/common/icon_cancel.png") no-repeat 7% 50%/1.4rem; font-weight: 500; text-align:center; box-sizing: border-box; padding:0.8rem 1rem; font-size:1.2rem; padding-left: 2.5rem }	
	
/*가입가능대상*/
.eligibility { clear: both; width: 100%; float: left; margin: 0}
.eligibility ul { width: 100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: stretch; flex-wrap: wrap}
.eligibility li {width: 33.3333%; margin: 1.5rem 0}
.eligibility li p {text-align: center; margin-bottom: 1rem}
.eligibility li img { width: 6.5rem}
.eligibility li dt { font-size: 1.2rem; font-weight: 400; color: #333333; text-align: center; margin-bottom: 0.5rem}
.eligibility li dd { font-size: 1.2rem; font-weight: 600; color: #f75454; text-align: center }	
	
}



@media all and (max-width:767px) and (min-width:0px) {	

/*공용*/
.pc {display:none !important;}
.m {display:block !important;}

/* layout */
#wrap {width:100% ; position:relative; z-index:1; max-width: 800px !important; margin: 0 auto}

/* top 버튼 */
.go-top {
	display:block;
	position:fixed;
	bottom:80px;
	right:10px;
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
	z-index: 999;
}


.go-top img { width: 40px !important}
.go-top:hover { cursor: pointer}


/*공용*/
em{ font-weight:normal; font-style:normal; }
.clearfix:after{content:"";display:block;clear:both;}

.cont_n { clear: both; float: left; width: 100%; margin:0 auto; padding: 4rem 0 0 0 ; box-sizing: border-box; background: #ffffff}
.cont_n img {width:auto; height:auto}

.inner_box {width:95%; padding: 0 2.5%; margin:0 auto; overflow:hidden;position:relative; }
.inner_box2 {width:90%; padding: 0 5%; margin:0 auto; overflow:hidden;position:relative; }
.inner_box2 img {  width: 70% !important; padding : 1.5rem 0; }
.inner_box2 a:link { color: #ffffff}
.inner_box2 a:visited { color: #ffffff}
.inner_box2 a:hover { color: #ffffff}

.float_box {width:100%; overflow:hidden;}
.float_box .box {float:left;}
.float_box .box_c { margin: 0 auto !important; overflow:hidden; text-align: center;  padding: 0 25% ; box-sizing: border-box}

.float_box.boxs1 .boxs {width:calc(100%);}
.float_box.box1_2 .boxs {width:calc(100%/2); padding: 0}
.float_box.boxs2 .boxs {width:calc(100%/2);}
.float_box.boxs3 .boxs {width:calc(100%/3);}
.float_box.boxs4 .boxs {width:calc(100%/4);}
.float_box.boxs5 .boxs {width:calc(100%/5);}
.float_box.boxs6 .boxs {width:calc(100%/6);}
.float_box.boxs7 .boxs {width:calc(100%/7);}

/*버튼공통*/
.bt_boxwarp {width:100%; clear: both; overflow: hidden; float: left}
.bt_boxwarp_100 {width:100%; clear: both; display: flex; align-items: center; justify-content: center; gap: 10px}	
.bt_boxwarp_96 {width:96%; clear: both; display: flex; align-items: center; justify-content: center; gap: 10px}
.bt_boxwarp_50 {width:100%; clear: both; display: flex; align-items: center; justify-content: center; gap: 10px}
.bt_boxwarp_30 {width:100%; clear: both; display: flex; align-items: center; justify-content: center; gap: 10px}
.bt_boxwarp_subbtwarp_1 {width:100%; clear: both; margin: 0 auto}
	
.bt_box330 {margin: 0 auto; width:100% !important; max-width:100% !important;}
.bt_box80 {margin: 0 auto; width:100% !important; max-width:80% !important;}
.bt_box660 {margin: 0 auto; width:100% !important; max-width:660px !important; }
.sub_bt li {text-align:center; box-sizing: border-box; }
.sub_bt li a{display:block; padding:1.2rem 0; font-size:1.1rem; }
.sub_bt li.blue {background:#1550c7; font-weight: 600}
.sub_bt li.blue a {color:#fff;}
.sub_bt li.red {background:#d40000; font-weight: 600}
.sub_bt li.red a {color:#fff;}
.sub_bt li.green {color:#000000; background:#a2ff00; font-weight: 600}
.sub_bt li.green a {color:#000000;}
.sub_bt li.violet {color:#fff; background:#1550c7; font-weight: 600}
.sub_bt li.violet a {color:#fff;}
.sub_bt li.white {color:#333333; background:#ffffff; border: 1px solid #cccccc; font-weight: 600; box-sizing: border-box}
.sub_bt li.white a {color:#333333;}

.n_bt_black{color:#fff; background:#333333; font-weight: 600; text-align:center; box-sizing: border-box; padding:1rem 3rem; font-size:1.2rem;}
.n_bt_black:hover { cursor: pointer}

/* 버튼 크기 공통 */
button { margin: 0; padding: 0; cursor: pointer;}
.btn_w25 { display: inline; width: 25%; }
.btn_w50 { display: inline; width: 50%; }
.btn_w70 { display: inline; width: 70%; }
.btn_w90 { display: inline; width: 90%; }
.btn_w100 { display: inline; width: 100%; }
.btn_auto {display:inline; width: auto;}

.btn_white { border-radius: 5px; color:#333333; background:#ffffff; border: 1px solid #e0e0e0; font-weight: 500; text-align:center; box-sizing: border-box; padding:1.04rem 0; font-size:1.1rem; }
.btn_white_reset { border-radius: 5px; color:#333333; background:#ffffff url("/images/common/bt_icon_reset.png") no-repeat 17% 50%; background-size: 1.1rem; border: 1px solid #e0e0e0; font-weight: 500; text-align:center; box-sizing: border-box; padding:1.04rem 0; font-size:1.1rem; padding-left: 1.5rem }
.btn_black { border-radius: 5px; color:#ffffff; background:#333333; font-weight: 500; text-align:center; box-sizing: border-box; padding:1rem 0; font-size:1.1rem; }
.btn_violet { border-radius: 5px; color:#ffffff; background:#7000d8; font-weight: 500; text-align:center; box-sizing: border-box; padding:1rem 0; font-size:1.1rem; }
.btn_blue { border-radius: 5px; color:#ffffff; background:#1550c7; font-weight: 500; text-align:center; box-sizing: border-box; padding:1rem 0; font-size:1.1rem; }
.btn_red { border-radius: 5px; color:#ffffff; background:#f75454; font-weight: 500; text-align:center; box-sizing: border-box; padding:1rem 0; font-size:1.1rem; }
.btn_open_search { border-radius: 5px; color:#ffffff; background:#d40000 url("/images/common/bt_icon_condition.png") no-repeat 15% 55%; background-size: 1.5rem; font-weight: 500; text-align:center; box-sizing: border-box; padding:1rem 0; font-size:1.1rem; padding-left: 2rem }

	
/* form100 공통 */
.group select { font-size: 1.1rem; color: #333333; text-align: left; font-weight: 400; border: 1px solid #333333; background: #ffffff; padding: 0.3rem ; box-sizing: border-box; border-radius: 3px; margin-left: 0.5rem}
	
.input_set { position:relative; margin-bottom:5px; clear: both}
.input_set .fl { position:absolute; top:0; left:0}
.input_set .fr { position:absolute; top:0; right:0}

.input_wrap {line-height:2rem; position:relative; overflow:hidden;}

.int { line-height:2rem; display:block; overflow:hidden; height:2rem; padding:0.5rem; background:#fff; border-radius:3px; border:1px solid #d9d9d9}
.int input { color:#444444; font-size:1.1rem; line-height:2rem; width:100%; height:2rem; vertical-align:top; border:none; outline: none; background:#fff;}
.int select { color:#444444; font-size:1.1rem; line-height:2rem; width:100%; height:2rem; vertical-align:top; border:none; outline: none; background:#fff;}

.int_disabled { line-height:2rem; display:block; overflow:hidden; height:2rem; padding:0.5rem; background:#f8f8f8; border-radius:3px; border:1px solid #d9d9d9}
.int_disabled input { color:#b6b6b6; font-size:1.1rem; line-height:2rem; width:100%; height:2rem; vertical-align:top; border:none; outline: none; background:#f8f8f8 ;}
.int_disabled select { color:#b6b6b6; font-size:1.1rem; line-height:2rem; width:100%; height:2rem; vertical-align:top; border:none; outline: none; background:#f8f8f8;}

.input_wrap_type3{margin-right:76px}
.input_wrap_type4{margin-right:97px}

.bt_number { border-radius:3px; font-weight: 400; font-size:1.1rem; line-height:1.8rem; display:inline-block; overflow:hidden; width:69px; height:2rem; padding:0.55rem 0; text-align:center; vertical-align:top; white-space:nowrap; background:#333333; color:#fff !important}

.bt_input { border-radius:3px; font-weight: 400; font-size:1.1rem; line-height:1.8rem; display:inline-block; overflow:hidden; width:90px; height:2rem; padding:0.55rem 0; text-align:center; vertical-align:top; white-space:nowrap; background:#333333; color:#fff !important}
	
.bt_formgray { border-radius:3px; font-weight: 400; font-size:1.1rem; line-height:2rem; display:inline-block; overflow:hidden; width:90px; height:2rem; padding:0.55rem 0; text-align:center; vertical-align:top; white-space:nowrap; background:#333333; color:#fff !important}
	
/* form 공통 */
.input_100 {width: 100%; font-size: 1.1rem; color: #333333; text-align: left; font-weight: 400; border: 1px solid #d5d5d5; background: #ffffff; padding: 1rem; box-sizing: border-box;}
	
/*서브 상단 비주얼*/
.sub_top {width:100%; overflow:hidden; position:relative; padding:6rem 0; }
.sub_top_text{text-align:center;}
.sub_top_text h2 {display:block; margin:1.2rem 0; font-weight:700; font-size:2.5rem; line-height:3rem; color:#ffffff; letter-spacing: -1px }
.sub_top_text em {font-weight:400; font-size:1rem; line-height:1.5rem; color:#ffffff; letter-spacing: 6px; text-transform: uppercase; opacity: 0.3 !important}
.sub_top_text p {font-weight:500; font-size:1.2rem; line-height:2rem; color:#ffffff; letter-spacing: -1px}

.sub_top.sub01_01 { background: url("/images/common/titleimg01_01m.jpg") no-repeat ; background-size: cover }
.sub_top.sub02_01 { background: url("/images/common/titleimg02_01m.jpg") no-repeat ; background-size: cover }
.sub_top.sub03_01 { background: url("/images/common/titleimg03_01m.jpg") no-repeat ; background-size: cover }
.sub_top.sub04_01 { background: url("/images/common/titleimg04_01m.jpg") no-repeat ; background-size: cover }
.sub_top.sub05_01 { background: url("/images/common/titleimg05_01m.jpg") no-repeat ; background-size: cover }
.sub_top.sub06_01 { background: url("/images/common/titleimg06_01m.jpg") no-repeat ; background-size: cover }

	
	
	
/*중간 드롭다운 서브메뉴*/
.submenu_wrap { width: 100%; clear: both; border-bottom: 1px solid #e0e0e0}
.submenu, .submenu * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.submenu { overflow: hidden; color: #fff; width: 100%; margin: 0 auto;}
.submenu-section-home {  width: 100%; padding: 17px; display: inline-block; background: #ffffff;  font-size: 1rem; color: #333333; box-sizing: border-box; text-align: center; border-right: 1px solid #e0e0e0; border-left: none}
.submenu-section-home img { width: 23px}
.submenu-section-home:hover { background:#ffffff; text-decoration: none; color: #333333; cursor: pointer; border-right: 1px solid #e0e0e0; text-align: center}
.submenu-section-header {  width: 100%; padding: 15px; display: inline-block; font-size: 1rem; color: #333333; box-sizing: border-box; background:#ffffff url(/images/common/plus.png) no-repeat 94% 50%; background-size: 12px; border-right: 1px solid #e0e0e0; border-left: none}		
.submenu-section-header:hover{ background:#ffffff url(/images/common/plus.png) no-repeat 94% 50%; background-size: 12px; text-decoration: none; color: #333333; cursor: pointer; border-right: 1px solid #e0e0e0; border-left: none}
.submenu-section-header.active{ background:#ffffff url(/images/common/minus.png) no-repeat 94% 50%; background-size: 12px; text-decoration: none; color: #333333; cursor: pointer; border-right: 1px solid #e0e0e0; border-left: none}
.submenu-section li:nth-child(1){ float: left; width: 70px; display: none}
.submenu-section li:nth-child(2){ float: left; width: 50%; }
.submenu-section li:nth-child(3){ float: left; width: 50%; border-right: 1px solid #e0e0e0; border-left: none}
.submenu-section-content { display: none; background: #ffffff; color: #333333; position: absolute; z-index: 99; width: 100%; max-width: 50%; border: 1px solid #e0e0e0; border-top: none}
.submenu-section-content p { display: block; border-top: 1px solid #e0e0e0 ; font-size: 1rem; padding: 15px }
.submenu-section-content .on{ background: #f6f6f6; display: block; color:#333333; }
.submenu-section-content a{color: #333333; }
.submenu-section-content p:hover{background: #f6f6f6; color: #333333}
	
	
	
/*----------------------서브 2deps메뉴-----------------------------*/
.deps2_group {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: auto;
  gap: 8px;
  margin: 2rem 0;
}
.deps2_bt {
  flex: 1;                /* 동일한 너비로 균등 분배 */
  padding: 12px 0;
  border: 1px solid #ddd;
  background: #fff;
  color: #333;
  font-size: 1rem;
  cursor: pointer;
  border-radius: 4px;
  box-sizing: border-box;
}
.deps2_on {
  background: #d40000;    /* 네이버 레드 계열 */
  border-color: #d40000;
  color: #fff;
  font-weight: 600;
}
	
.deps2_2_group {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: auto;
  gap: 8px;
  margin: 2rem 0;
}
.deps2_2_bt {
  flex: 1;                /* 동일한 너비로 균등 분배 */
  padding: 12px 0;
  border: 1px solid #ddd;
  background: #fff;
  color: #333;
  font-size: 1rem;
  cursor: pointer;
  border-radius: 4px;
  box-sizing: border-box;
}
.deps2_2_on {
  background: #d40000;    /* 네이버 레드 계열 */
  border-color: #d40000;
  color: #fff;
  font-weight: 600;
}
	
/* 마지막 버튼은 두 칸(전체 너비)에 걸치도록
  .deps2_group .deps2_bt:last-child {
    grid-column: 1 / -1;
  }	
/*----------------------//서브 2deps메뉴-----------------------------*/	
	

/*----------------------서브 3deps메뉴-----------------------------*/
	
.deps3_tabs {
  border-bottom: 1px solid #ddd;
  background: #fff;
  margin-bottom: 2rem;
}
.deps3_tabs ul {
  overflow-x: auto;               /* 가로 스크롤 허용 */
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;  /* 스크롤 스냅 */
}
.deps3_tabs li {
  flex: 0 0 auto;                 /* 너비 고정, 줄어들지 않음 */
  padding: 12px 16px;
  margin-right: 0.5rem;              /* 아이템 간 간격 */
  scroll-snap-align: none;       /* 스냅 정렬 */
  font-size: 1rem;
}
/* 스크롤바 숨기기 (WebKit) */
.deps3_tabs ul::-webkit-scrollbar {
  display: none;
  }
/*----------------------//서브 3deps메뉴-----------------------------*/	

	
	
	
	
	
/*서브 소메뉴*/
.sub_s_menu_wrap { width: 100%; clear: both;}
.sub_s_menu {width: 100%; clear: both; }
.sub_s_menu ul { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 2px; background: #f4f4f4;}
.sub_s_menu li {width: 33.3333%; text-align: center; padding:1.2rem 0; font-size:1.2rem; line-height:1.2rem; color:#333333; box-sizing: border-box; font-weight: 400;}
.sub_s_menu li:hover { color:#1550c7; font-weight: 600; cursor: pointer; text-decoration-line: underline; text-underline-offset: 16px; text-decoration-thickness: 5px;}
.sub_s_menu li.on {color:#1550c7; font-weight: 600; text-decoration-line: underline; text-underline-offset: 16px; text-decoration-thickness: 5px; }

.sub_s_menu_wrap2 { width: 100%; clear: both; background: #f4f4f4;}
.sub_s_menu2 { width: 100%; clear: both; border-bottom: none; box-sizing: border-box}
.sub_s_menu2 li { display: block; text-align: center; padding:21px 0; font-size:24px; line-height:38px; color:#333333; box-sizing: border-box; font-weight: 400;}
.sub_s_menu2 li:hover { color:#1550c7; font-weight: 600; cursor: pointer; text-decoration-line: underline; text-underline-offset: 25px; text-decoration-thickness: 5px;}
.sub_s_menu2 li.on {color:#1550c7; font-weight: 600; text-decoration-line: underline; text-underline-offset: 26px; text-decoration-thickness: 5px; }
	
.sub_s_menu5 {width: 100%; clear: both; }
.sub_s_menu5 ul { width: 100%; display: block; align-items: center; justify-content: center; background: #f4f4f4; }
.sub_s_menu5 li {width: 33.3333%; float: left; text-align: center; padding:1.2rem 0; font-size:1.2rem; line-height:1.2rem; color:#333333; box-sizing: border-box; font-weight: 400; }
.sub_s_menu5 li:nth-child(1),.sub_s_menu5 li:nth-child(2),.sub_s_menu5 li:nth-child(3) { border-bottom: 2px solid #ffffff}
.sub_s_menu5 li:hover { color:#1550c7; font-weight: 600; cursor: pointer; text-decoration-line: underline; text-underline-offset: 16px; text-decoration-thickness: 5px; }
.sub_s_menu5 li.on {color:#1550c7; font-weight: 600; text-decoration-line: underline; text-underline-offset: 16px; text-decoration-thickness: 5px}
	
/*서브 상단 탭*/
.tab_wrap {width:100%; left:0; bottom:0; position:absolute; z-index:10;}
.tab_wrap .inner_box {margin: 0 auto; width:100% !important; max-width:100% !important; padding: 0 !important;}

.sub_tab {width: 100%; clear: both;  }
.sub_tab ul { width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.sub_tab li { text-align: center; }
.sub_tab li a{ display:block; padding:1.2rem 0; font-size:1.2rem; line-height:1rem; color:#989898; background:#f7f7f7; border: 1px solid #d4d4d4; font-weight: 400; margin: 0.2rem; box-sizing: border-box}
.sub_tab li a:hover {color:#fff; background:#1550c7;}
.sub_tab li.on a {color:#fff; background:#1550c7; font-weight: 600}

.event_tab {width: 100%; clear: both; border: 1px solid #d4d4d4; border-bottom: none; border-right: none; box-sizing: border-box}
.event_tab li { display: block; text-align: center; padding:0.8rem 0; font-size:1.1rem; line-height:1.1rem; color:#989898; background:#ffffff; box-sizing: border-box; font-weight: 400; border-right: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4;}
.event_tab li:hover {color:#fff; background:#1550c7; cursor: pointer}
.event_tab li.on {color:#fff; background:#1550c7; font-weight: 600}

/*서브 배경 공통*/
.content {padding:5rem 0; text-align:left; clear: both; overflow: hidden}
.content0 {padding:0; text-align:left; clear: both; overflow: hidden}
.content_120b {padding:0 0 5rem 0; text-align:left; clear: both; overflow: hidden}
.content_120t {padding:5rem 0 0 0; text-align:left; clear: both; overflow: hidden}
.content_100 {padding:3rem 0 4rem 0; text-align:left; clear: both; overflow: hidden}
.content_100b {padding:0 0 4rem 0; text-align:left; clear: both; overflow: hidden}
.content_100t {padding:3rem 0 0 0; text-align:left; clear: both; overflow: hidden}
.content_m {padding:2rem 0 4rem 0; text-align:left; clear: both; overflow: hidden}
	
.content.white_bg,.content0.white_bg,.content_120b.white_bg,.content_120t.white_bg,.content_100.white_bg {background:#fff;}
.content.gray_bg,.content0.gray_bg,.content_120b.gray_bg,.content_120t.gray_bg,.content_100.gray_bg {background:#f0f0f0;}
.content.darkgray_bg,.content0.darkgray_bg,.content_120b.darkgray_bg,.content_120t.darkgray_bg,.content_100.darkgray_bg {background:#222222; }

.content.bgimg01,.content0.bgimg01,.content_120b.bgimg01,.content_120t.bgimg01,.content_100.bgimg01 { background: #2d2e33 url("/images/common/bgimg01m.jpg") no-repeat ; background-size: cover; }
.content.bgimg02,.content0.bgimg02,.content_120b.bgimg02,.content_120t.bgimg02,.content_100.bgimg02 { background: #2d2e33 url("/images/common/bgimg02m.jpg") no-repeat ; background-size: cover; }
.content.bgimg03,.content0.bgimg03,.content_120b.bgimg03,.content_120t.bgimg03,.content_100.bgimg03 { background: #2d2e33 url("/images/common/bgimg03m.jpg") no-repeat ; background-size: cover; }
.content.bgimg04,.content0.bgimg04,.content_120b.bgimg04,.content_120t.bgimg04,.content_100.bgimg04 { background: #2d2e33 url("/images/common/bgimg04m.jpg") no-repeat ; background-size: cover; }

/*이미지배경 애니메이션*/
.imgani_img_warp { width: 100%; position: relative; height: 26.5rem; margin: 40px auto 0 auto; overflow: hidden}
.imgani_img_warp .imgani_img {	z-index: 0; position: absolute; }
.imgani_img_warp .imgani_img2 {	z-index: 1;	transition: all 0.8s ease !important; transform: scale(1.2); position: absolute; }
.imgani_img_warp img { width: 100%}

.imgani_img_warp2 { width: 100%; position: relative; height: 25rem; margin:  0 auto; overflow: hidden; padding: 1rem 0}
.imgani_img_warp2 .imgani_img {	z-index: 0; position: absolute; }
.imgani_img_warp2 .imgani_img2 { z-index: 1; transition: all 0.8s ease !important; transform: scale(1.2); position: absolute; }
.imgani_img_warp2 img { width: 100%}
	
/*서브 텍스트 공통*/
.sub_title {text-align:left; }
.sub_title.right {text-align:right;}
.sub_title.center {text-align:center;}
.sub_title h2 { font-size: 7rem; color: #f0f0f0; font-weight: 900!important; line-height: 8rem; font-family: 'Noto Sans KR', sans-serif!important;}
.sub_title .font5{ font-size: 5.5rem; color: #f0f0f0; font-weight: 800; line-height: 6rem; letter-spacing: -2px}
.sub_title h3 { margin-bottom:1rem; font-size:2.4rem; line-height:3rem; font-weight: 400; letter-spacing: -1px;}
.sub_title h4 { margin-bottom:1rem; font-size:1.8rem; line-height:2.4rem; font-weight: 700; letter-spacing: -1px}
.sub_title h5 { margin-bottom:1rem; font-size:1.5rem; line-height:1.8rem; font-weight: 300; letter-spacing: -1px}
.sub_title p { font-weight:500; display:block; font-size:1.2rem; line-height:2rem; margin:10px 0; text-align: center; text-transform: uppercase}
.sub_title span { font-weight: 700 ; }
.sub_title .pointviolet{ background: #1550c7; font-size: 1.4rem; color: #ffffff; font-weight: 800; padding: 1rem; text-align: center}
.sub_title mark{ clear: both; margin: 2rem auto 0 auto; background: #f75454; font-size: 1.5rem; color: #ffffff; font-weight: 600; padding: 0.2rem 0.3rem 0.3rem; text-align: center}
.sub_title .h3big { margin-bottom:1rem; font-size:2.4rem; font-weight: 400; letter-spacing: -1px; line-height: 3rem}
.sub_title .h3big span { font-weight: 700 ; line-height: 3rem}

.markviolet { background: #1550c7; font-size: 1.4rem; color: #ffffff; font-weight: 800; padding: 0 1rem;}
.markviolet23 { background: #1550c7; font-size: 1.2rem; color: #ffffff; font-weight: 600; padding: 4px 10px; line-height: 2.6rem}
.markviolet23_box { clear: both; float: left; width: 100%; background: #1550c7; font-size: 1.2rem; color: #ffffff; font-weight: 400; padding: 1rem; line-height: 1.6rem; box-sizing: border-box}
.markviolet24 { background: #1550c7; font-size: 1.3rem; color: #ffffff; font-weight: 600; padding: 4px 10px; line-height: 2.6rem}
.markviolet45 { background: #1550c7; font-size: 1.5rem; color: #ffffff; font-weight: 600; padding: 4px 10px; line-height: 3rem}

.markgray22 { background: #333333; font-size: 1.1rem; color: #ffffff; font-weight: 400; padding: 4px 10px; line-height: 2.6rem;}
.markgray23 { background: #333333; font-size: 1.2rem; color: #ffffff; font-weight: 600; padding: 4px 10px; line-height: 2.6rem}
.markgray24 { background: #333333; font-size: 1.2rem; color: #ffffff; font-weight: 400; padding: 15px 10px; line-height: 2rem;}
.markgray30 { background: #333333; font-size: 1.4rem; color: #ffffff; font-weight: 600; padding: 0.3rem 1rem 1rem 1rem; line-height: 2.8rem;}

.markyellow {  background: #fffd5b; font-size: 1.1rem; color: #333333; font-weight: 600; padding: 1rem 0.5rem; line-height: 1.4; text-align: center; box-sizing: border-box; letter-spacing: -0.5px}
	
.markblue22 { background: #1550c7; font-size: 1.1rem !important; color: #ffffff; font-weight: 600; padding: 4px 10px; line-height: 2.2rem;}
.markred22 { background: #f75454; font-size: 1.1rem !important; color: #ffffff; font-weight: 600; padding: 4px 10px; line-height: 2.2rem;}
	
.markgray22_box{ clear: both; float: left; width: 100%; background: #333333; font-size: 1.1rem; color: #ffffff; font-weight: 400; padding: 1rem; line-height: 1.6rem; box-sizing: border-box}
.markwhite24 { background: #ffffff; font-size: 1.2rem; color: #333333; font-weight: 600; padding: 4px 10px; line-height: 2.6rem}
.markwhite26 { background: #ffffff; font-size: 1.4rem; color: #333333; font-weight: 600; padding: 4px 10px; line-height: 2.8rem}

.fs60 { margin:1rem 0; font-size:2.4rem; letter-spacing: -1px; line-height: 3rem; font-weight: 400 ; text-align: center}
.fs60 span { font-weight:800;}
.fs24 { display:block; font-size:1.2rem; line-height:2rem; margin:0; text-align: center; text-transform: uppercase}
.fs26 { display:block; font-size:1.3rem; line-height:2rem; margin:0; text-align: center; text-transform: uppercase}
.fs36 { display:block; font-size:1.4rem; line-height:2rem; margin:0; text-align: center; ; font-weight: 400}
.fs45 { margin-bottom:2rem; font-size:1.6rem; line-height:2.2rem; font-weight: 700; letter-spacing: -1px}
.fs70 { margin:1rem 0; font-size:2.4rem; letter-spacing: -1px; line-height: 3rem; font-weight: 400 ; order: 2}
.fs70 span { font-weight:800;}

.sub_txt {text-align:left;}
.sub_txt.right {text-align:right;}
.sub_txt.center {text-align:center;}
.sub_txt { font-weight:400; font-size:1.1rem; line-height:1.5; margin:1rem 0; color: #3a3a3a ; letter-spacing: -1px; }
.sub_txt span  { font-weight: 700; line-height:2rem;}

.sub_txt_stxt { font-weight:400; font-size:1.2rem; line-height:1.8rem; margin:0.5rem 0; color: #3a3a3a ; letter-spacing: -1px}
.sub_txt_stxt span  { font-weight: 800; line-height:2rem;}
	
.sub_txt_30 { font-weight:600; font-size:1.4rem; line-height:2.6rem; margin:20px 0; color: #333333 ; letter-spacing: -1px}
.sub_txt_30 span  { color: #1550c7 }

.sub_txt_line { font-weight:400; font-size:1.2rem;; line-height:2.5rem; margin:25px 0; color: #333333 ; letter-spacing: -1px;  text-decoration-line: underline; text-underline-offset: 10px; text-decoration-thickness: 1px; }
.sub_txt_line span  { font-weight: 800; line-height:2.5rem;}

.sub_txt_line26 { font-weight:800; font-size:1.4rem; line-height:2.6rem; margin: 0; color: #333333 ; letter-spacing: -1px;  text-decoration-line: underline; text-underline-offset: 10px; text-decoration-thickness: 1px; }

.sub_txt_violetline { font-size:1.2rem; line-height:2.6rem; color: #1550c7 ; letter-spacing: -1px;  text-decoration-line: underline; text-underline-offset: 5px; text-decoration-thickness: 1px; }

/*타이틀소제목_검정배경 공통*/
.sub_tit_graybox26{ background: #333333; font-size: 1.2rem; color: #ffffff; font-weight: 700; padding: 4px 10px; line-height: 2.6rem; text-transform: uppercase}
.sub_tit_graybox26_02 { background: none; color: #333333; font-weight:500; display:block; font-size:1.2rem; line-height:2rem; margin:10px 0; text-align: center; text-transform: uppercase; opacity: 0.2}
	
/*좌측 텍스트 공통*/
.sub_txt_left {text-align:left; float: left; width: 100%}
.sub_txt_left { font-weight:800; font-size:1.5rem; line-height:38px; color: #333333 ;}
.sub_txt_left .txt  { font-weight:400; color: #666666 ; font-size:1.2rem; padding:10px 0 0 0; }
.sub_txt_left li { padding: 15px; width: 100%}

.sub_txt_left2 {text-align:left; float: left; width: 100%}
.sub_txt_left2 { font-weight:800; font-size:1.5rem; line-height:38px; color: #333333 ;}
.sub_txt_left2 li {width: 100%; margin:5px 0; float: left; box-sizing: border-box; display: flex; justify-content: center; align-item: center}
.sub_txt_left2 li dt { padding: 1rem; background: #333333; font-weight:600; color: #ffffff ; font-size:1.1rem; text-align: center; flex-shrink: 0; width: 1rem; }
.sub_txt_left2 li dd { padding: 1rem 0 1rem 1rem; background: #f2f2f2; font-weight:400; color: #333333 ; font-size:1.1rem; overflow: hidden;flex-grow: 1;}

.sub_txt_left_f500 {text-align:left; float: left; width: 100%}
.sub_txt_left_f500 { font-weight:500; font-size:1.2rem; line-height:38px; color: #333333 ;}
.sub_txt_left_f500 li { padding: 10px 15px; width: 100%}

.sub_txt_left_arrow {text-align:left; float: left; width: 100%; position: relative}
.sub_txt_left_arrow { font-weight:800; font-size:1.2rem; line-height:38px; color: #333333 ;}
.sub_txt_left_arrow li {width: 100%; margin:0 0 25px 0; float: left; box-sizing: border-box}
.sub_txt_left_arrow li dt { padding: 20px 25px; background: #333333; font-weight:600; color: #ffffff ; font-size:1.2rem; text-align: center; float: left}
.sub_txt_left_arrow li dd { padding: 20px; background: #f2f2f2; font-weight:500; color: #333333 ; font-size:1.2rem; overflow: hidden}
.sub_txt_left_arrow .triangle:before { border-top-color: #f2f2f2}
.sub_txt_left_arrow .triangle:after, .triangle:before { border-bottom: none}
.sub_txt_left_arrow .triangle:after, .triangle:before { content: ''; display: block; border: 15px solid transparent; position: absolute; bottom: -30px ; left: 50%;}

/*서브 line 공통*/
.sub_line10_gray {  border: 8px solid #eeeeee; width: 100%; box-sizing: border-box; padding: 1rem; margin: 0.5rem 0; background: #ffffff}
.sub_line15_gray {  border: 15px solid #eeeeee; width: 100%; box-sizing: border-box; padding: 3rem 0; margin: 0}
.sub_line20_gray {  border: 20px solid #eeeeee; width: 100%; box-sizing: border-box; padding: 3rem 0; margin: 0}
.sub_line15_violet {  border: 15px solid #1550c7; width: 100%; box-sizing: border-box; padding: 3rem 0.5rem; margin: 0; background: #ffffff;}
.sub_line15_violet img {width: 100%}

/*서브 box 공통*/
.sub_box_width100 { width: 100%}
.sub_box_width95 { width: 95%}
.sub_box_width90 { width: 90%}
.sub_box_width80 { width: 80%}
.sub_box_white { background: #ffffff; box-sizing: border-box; padding: 2.5rem 0.5rem; font-size: 1.1rem; margin: 3rem auto 1rem auto; color: #333333; font-weight: 400; text-align: center; line-height: 1.5}
.sub_box_white .txtpoint { color: #1550c7; font-weight: 800; line-height: 2rem}
.sub_box_white_dot { background: #ffffff; border: 1px dashed #c9c9c9; box-sizing: border-box; padding: 1rem; margin: 2rem auto 0 auto;}
.sub_box_line_white {clear: both; border: 1px solid #ffffff; box-sizing: border-box; padding:  1rem; margin: 2rem auto 0 auto; color: #ffffff; font-weight: 400; text-align: center; font-size: 1.2rem; line-height: 2rem}
.sub_box_white_radius { width: 100%; box-sizing: border-box; padding: 3rem 0.5rem; margin: 1rem 0; background: #ffffff; border-radius: 20px}

/*서브 중간흰색박스 공통*/
.sub_tbox { clear: both; width: 100%; margin: 1.5rem auto 0 auto; float: left;  }
.sub_tbox ul { width: 100%; }
.sub_tbox li { float: left; width: 100%; margin: 0 auto 20px auto; padding: 0; background: #ffffff; border-radius: 10px; box-sizing: border-box}
.sub_tbox li:last-child { margin: 0}
	
.sub_tbox2 { clear: both; width: 100%; margin: 0 auto; float: left;  }
.sub_tbox2 ul { width: 100%; }
.sub_tbox2 li { float: left; width: 100%; margin: 0 auto 20px auto; padding: 0; background: #ffffff; border-radius: 10px; box-sizing: border-box}
.sub_tbox2 li:last-child { margin: 0}
.sub_tbox2 li .graybg { background: #f6f6f6;}
	
.sub_tbox2_link { clear: both; width: 100%; margin: 0 auto; float: left;  }
.sub_tbox2_link ul { width: 100%; }
.sub_tbox2_link li { float: left; width: 100%; margin: 0 auto 20px auto; padding: 0; background: #ffffff; border-radius: 10px; box-sizing: border-box}
.sub_tbox2_link li:last-child { margin: 0}
.sub_tbox2_link li:hover { background: #1550c7; cursor: pointer; color: #ffffff !important; opacity: 5; transition: all 0.5s;}
	
.sub_tbox3 ul{ width: 100%; display: flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap}
.sub_tbox3 li { width: 48.5%; margin: 1.5% 0; padding: 0; background: #ffffff; border-radius: 10px; box-sizing: border-box}
.sub_tbox3 li .graybg { background: #f6f6f6;}
	
.sub_tbox3_2 ul{ width: 100%; display: flex; justify-content: space-between; flex-direction: column; flex-wrap: wrap}
.sub_tbox3_2 li { width: 100%; margin: 1.5% 0; padding: 0; background: #ffffff; border-radius: 10px; box-sizing: border-box}
.sub_tbox3_2 li .graybg { background: #f6f6f6;}
.sub_tbox3_2 li img { width: 100%}
	
.additionaltxt {font-size: 1.2rem; color: #333333; font-weight: 500 }

/*서브 중간흰색박스 좌측이미지 우측 설명 공통*/
.sub_tbox_img { clear: both; width: 100%; overflow: hidden; display: flex; flex-direction: column}
.sub_tbox_img .leftimg { width: 100%; float: left}
.sub_tbox_img .leftimg img { width: 100%; border-radius: 5px }
.sub_tbox_img .leftimg_55 { width: 100%; float: left}
.sub_tbox_img .leftimg_55 img { width: 100%; }
.sub_tbox_img .leftimg_60 { width: 100%; float: left}
.sub_tbox_img .leftimg_60 img { width: 100%; }
.sub_tbox_img .righttxt { width: 100% !important; padding: 1rem 1rem 1.6rem 1rem ; box-sizing: border-box; display: flex; flex-direction: column; align-items: left; justify-content: center; margin : 0}
.sub_tbox_img .righttxt .number { text-align: left; font-size: 3rem; font-family: 'Roboto'; font-weight: 900; color: #e2e2e2}
.sub_tbox_img .righttxt .sub_title {width: 100%; float: left; text-align: left; font-size: 1.8rem; font-weight: 700; color: #333333; line-height: 2.5rem;}
.sub_tbox_img .radiusimg img {width: 100%; border-radius: 0 5px 5px 0}
	
/*서브 중간흰색박스 우측이미지 좌측 설명 공통*/
.sub_tbox_img .rightimg { width: 100%; float: left}
.sub_tbox_img .rightimg img { width: 100%; }
.sub_tbox_img .lefttxt { width: 100% !important; padding: 1rem 1rem 1.6rem 1rem ; box-sizing: border-box; display: flex; flex-direction: column; align-items: left; justify-content: center; margin : 0}
.sub_tbox_img .lefttxt .number { display: none}
.sub_tbox_img .lefttxt .sub_title {width: 100%; float: left; text-align: left; font-size: 1.8rem; font-weight: 700; color: #333333; line-height: 2.5rem;}
	
/*서브 중간흰색박스 상단 이미지 하단 설명 공통*/
.sub_tbox_img2 { clear: both; width: 100%; overflow: hidden; display: flex; flex-direction: column }
.sub_tbox_img2 .imgbox { width: 100%; float: left; padding: 0}
.sub_tbox_img2 .txtbox { width: 100%; float: left; padding: 1.5rem 1rem; box-sizing: border-box; }
.sub_tbox_img2 .txtbox h3 {width: 100%; float: left; text-align: center; font-size: 1.8rem; font-weight: 700; color: #333333; line-height: 2.4rem; margin-bottom: 0.8rem }
.sub_tbox_img2 .txtbox h4 {width: 100%; float: left; text-align: center; font-size: 1.8rem; font-weight: 700; color: #333333; }
.sub_tbox_img2 .txtbox h4 img { width: 2rem; margin-right: 0.5rem}
.sub_tbox_img2 .txtbox p { text-align: center; font-size: 1.1rem; font-weight: 400; color: #333333; line-height: 1.8rem}

.sub_tbox_img2 .txtbox2 { width: 100%; float: left; padding: 1rem 0.5rem; box-sizing: border-box; }
.sub_tbox_img2 .txtbox2 h3 {width: 100%; float: left; text-align: center; font-size: 1.8rem; font-weight: 700; color: #333333; line-height: 2.4rem; margin-bottom: 0.8rem }
.sub_tbox_img2 .txtbox2 p { text-align: center; font-size: 1.1rem; font-weight: 400; color: #333333; line-height: 1.4rem}
	
.sub_tbox_img2 .radiusimg img {width: 100%; border-radius: 0 5px 5px 0}

/*서브 중간흰색박스 좌측이미지 우측 설명 공통 + 모바일만 텍스트 가운데 정렬 + 검정원*/
.sub_tbox_img3 { clear: both; width: 100%; overflow: hidden; display: flex; flex-direction: column; padding: 0; align-items: center; justify-content: center}
.sub_tbox_img3 .leftimg { width: 100%; float: left}
.sub_tbox_img3 .leftimg img { width: 100%; }
.sub_tbox_img3 .righttxt { width: 100% !important; padding: 2rem 0.2rem ; box-sizing: border-box; display: flex; flex-direction: column; align-items: left; justify-content: center; margin : 0}
.sub_tbox_img3 .righttxt .number { display: none}
.sub_tbox_img3 .righttxt .sub_title {width: 100%; float: left; text-align: center; font-size: 1.8rem; font-weight: 700; color: #333333; line-height: 2.5rem;}
.sub_tbox_img3 .righttxt .sub_txt { font-weight: 400; font-size: 1.2rem; line-height: 1.8rem; margin: 0.5rem 0; color: #3a3a3a; letter-spacing: -1px; text-align: center}	
.sub_tbox_img3 .radiusimg img {width: 100%; border-radius: 0 5px 5px 0}

.circle_black {width: 100%; float: left; padding-top: 1rem}
.circle_black ul { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 0}
.circle_black li { background: #222222; color: #ffffff; font-weight: 400; font-size: 1rem; line-height: 100%; border-radius: 50%; width: 7rem; height: 7rem; opacity: 5; text-align: center; padding: 0; margin: 0 0.1rem !important}
	
/*서브 중간 검정배경 안 흰색박스*/
.sub_dark_wbg_wrap { clear: both; width: 100%; overflow: hidden; display: flex; flex-direction: column}
.sub_dark_wbg { width: 100%; float: left; margin-top: 2rem}
.sub_dark_wbg ul { width: 100%;}
.sub_dark_wbg li { width: 100%; background: #ffffff url("/images/service/icon_x.png") no-repeat 3% 50%/ 1.1rem; padding: 1.2rem 0.2rem 1.2rem 2.3rem; margin-bottom: 0.5rem; font-size: 1.1rem; color: #333333; font-weight: 500; text-align: left; box-sizing: border-box; letter-spacing: -1px}
.sub_dark_wbg li:nth-child { margin-bottom: 0; }

/*서브 중간 좌측이미지 우측숫자 리스트*/
.sub_limg_rlist { clear: both; width: 100%; overflow: hidden; display: flex; align-items: center; flex-direction: column}
.sub_limg_rlist .leftimg {padding: 0;}
.sub_limg_rlist .leftimg img { width: 100%}		
.sub_limg_rlist .righttxt { box-sizing: border-box; text-align: center; }
.sub_limg_rlist .righttxt .graybox26{ background: #333333; font-size: 1.2rem; color: #ffffff; font-weight: 800; padding: 4px 10px; line-height: 2.6rem; text-transform: uppercase; order: 1}
.sub_limg_rlist .righttxt ul {width: 100%; margin-top: 1rem}
.sub_limg_rlist .righttxt li { width: 100%; background: #ffffff; padding: 0.5rem 0; box-sizing: border-box; text-align: left;  order: 4}
.sub_limg_rlist .righttxt li:nth-child { margin-bottom: 0; }
.sub_limg_rlist .righttxt li dt { width: 1.5rem; height: 1.5rem; background: #1550c7; font-weight:600; color: #ffffff ; font-size:0.9rem; text-align: center; float: left; border-radius: 0.75rem; line-height: 1.5rem}
.sub_limg_rlist .righttxt li dd { padding: 0 0 0 1.8rem; font-weight:400; color: #333333 ; font-size:1.2rem; line-height: 1.6rem}
.sub_limg_rlist .righttxt li dd span { font-weight:800;}
	
/*공통 좌측 숫자 리스트*/
.number_list { clear: both; width: 100%; overflow: hidden;}
.number_list ul {width: 100%; display: flex; flex-direction: column}
.number_list li { width: 100%; background: #ffffff; padding: 0.4rem 0; box-sizing: border-box; text-align: left;}
.number_list li:nth-child { margin-bottom: 0; }
.number_list li dt { width: 1.5rem; height: 1.5rem; background: #1550c7; font-weight:600; color: #ffffff ; font-size:1rem; text-align: center; float: left; border-radius: 0.75rem; line-height: 1.4rem}
.number_list li dd { padding: 0 0 0 1.8rem; font-weight:400; color: #333333 ; font-size:1.2rem; line-height: 1.6rem}
.number_list li dd span { font-weight:800;}

/*성병팝업 정보*/
.stdprocess { clear: both; width: 100%; float: left; padding: 2%; box-sizing: border-box}
.stdprocess h2 { font-size:1.8rem; line-height:2rem; font-weight: 700; letter-spacing: -1px; margin-top: 0.5rem}
.stdprocess h3 { font-size:1.1rem; line-height:1.6rem; font-weight: 400; letter-spacing: -1px; margin:1rem 0 0 0; color: #333333 ; }
.stdprocess ul { width: 100%; display: flex; flex-direction:column; justify-content: space-between; align-items: flex-start; margin: 0.3rem 0 1rem 0; }
.stdprocess li {width: 100%; margin: 0.5rem 0; display: flex; flex-direction:row; justify-content: space-between; align-items: center; }
.stdprocess li p {width: 28%; float: left; text-align: left; display: flex; justify-content: space-between; align-items: center; margin : 0}
.stdprocess li p img { width: 5rem}
.stdprocess li dl { width: 72%; display: flex; flex-direction:column; justify-content: space-between; align-items: flex-start; margin: 0; }
.stdprocess li dt { font-size: 1.1rem; font-weight: 400; color: #333333; text-align: left; margin-bottom: 0.5rem}
.stdprocess li dd { font-size: 1.1rem; font-weight: 600; color: #1550c7; text-align: left; line-height: 1.5rem; }
.stdprocess .stdtest { background: #333333; width: 100%; font-size:1.3rem; line-height:2rem; font-weight: 700; letter-spacing: -1px; padding:0.5rem 0; color: #ffffff ;box-sizing: border-box }

.stdprocess2 { clear: both; width: 100%; float: left; padding: 2%; box-sizing: border-box}
.stdprocess2 h2 { font-size:1.8rem; line-height:2rem; font-weight: 700; letter-spacing: -1px; margin-top: 0.5rem}
.stdprocess2 h3 { font-size:1.1rem; line-height:1.6rem; font-weight: 400; letter-spacing: -1px; margin:1rem 0 0 0; color: #333333 ; }
.stdprocess2 ul { width: 100%; display: flex; flex-direction:column; justify-content: space-between; align-items: flex-start; margin: 0 0 1rem 0; }
.stdprocess2 li {width: 100%; margin: 0.5rem 0; display: flex; flex-direction:row; justify-content: flex-start; align-items: center; }
.stdprocess2 li p {width: 28% !important; float: left; text-align: left; display: flex; justify-content: space-between; align-items: center; margin : 0}
.stdprocess2 li p img { width: 5rem}
.stdprocess2 li dl { width: 72%; display: flex; flex-direction:column; justify-content: space-between; align-items: flex-start; margin: 0; }
.stdprocess2 li dt { font-size: 1.1rem; font-weight: 400; color: #333333; text-align: left; margin-bottom: 0.5rem}
.stdprocess2 li dd { font-size: 1.1rem; font-weight: 600; color: #1550c7; text-align: left; line-height: 1.5rem; }
.stdprocess2 .stdtest { clear: both; float: left; background: #333333; width: 100%; font-size:1.3rem; line-height:2rem; font-weight: 700; letter-spacing: -1px; padding:0.5rem 0; color: #ffffff ;box-sizing: border-box }

.std_processbox { clear: both; width: 100%; margin: 0 auto 1rem 0; border: 10px solid #f0f0f0; background: #ffffff; padding: 1% 3%; box-sizing: border-box; overflow: hidden; float: left}
.std_processbox ul { margin: 0 auto;  width: 100%; flex-wrap: nowrap; }
.std_processbox li { width: 100%; float: left; box-sizing: border-box; padding: 0.2rem 0 0.3rem 1.3rem; border-bottom: 1px dashed #c5c5c5; font-size: 0.95rem; font-weight: 400; line-height: 1.2rem; background: url("/images/n_common/warning_icon.png") no-repeat left 18%; background-size: 1rem; text-align: left; letter-spacing: -1px; align-items: flex-start !important }
.std_processbox li:last-child { border: none}
.std_processbox li em {font-weight: 600; width: 35%; align-items: flex-start !important }

/* 로그인 */
.login { clear: both; width: 100%; float: left; padding: 0; box-sizing: border-box}
.login h4{ clear: both; width: 100%; font-size: 2.2rem; color: #333333;  text-align: center; font-weight: 800;  margin: 1rem 0; }
.login .bt_login { width: 100%; background: #d40000; font-size: 1.1rem; color: #ffffff; text-align: center; padding: 1rem; box-sizing: border-box; border-radius: 3px; font-weight: 600}
.login .bt_join { width: 100%; background: #ffffff; font-size: 1.1rem; color: #333333; border: 1px solid #333333; text-align: center; padding: 1rem; box-sizing: border-box; border-radius: 3px; font-weight: 600}
.login .bt_naver { width: 100%; background: #2db400 url("/images/common/icon_naver.png") no-repeat 7% 50%; background-size: 20px; font-size: 1.1rem; color: #ffffff; text-align: center; padding: 1rem; box-sizing: border-box; border-radius: 3px; font-weight: 600}
.login .bt_kakao { width: 100%; background: #ffeb00 url("/images/common/icon_kakao.png") no-repeat 6% 50%; background-size: 28px; font-size: 1.1rem; color: #3c1e1e; text-align: center; padding: 1rem; box-sizing: border-box; border-radius: 3px; font-weight: 600}

.login .check {clear: both; width: 100%; text-align: center; margin: 0 auto; font-size: 1.1rem; padding: 1rem 0 0 0; color: #333333; }
.login .check .find { float: none; clear: both; color: #000000; text-decoration-line: underline; text-underline-offset: 7px; font-weight: 700; text-align: center; padding: 1rem 0; overflow: hidden}
.login .check .find:hover { cursor: pointer}

/* 아이디/비밀번호 찾기 */
.idpw { clear: both; width: 100%; margin: 0 auto; overflow: hidden; padding: 0; box-sizing: border-box; }
.idpw h3{ clear: both; width: 100%; float: left; font-size: 2.4rem; color: #333333;  text-align: center; font-weight: 800; margin-bottom: 1.5rem;}
.idpw .tab { clear: both; width: 100%; }
.idpw .tab ul {  width: 100%; border-bottom: 1px solid #333333; display: flex; flex-direction: row}
.idpw .tab li { width: 50%; font-size: 1.2rem; color: #989898;  text-align: center; font-weight: 400; border: 1px solid #d5d5d5; box-sizing: border-box; padding: 1rem 0; border-radius: 5px 5px 0 0 }
.idpw .tab .on { width: 50%; font-size: 1.2rem; background: #333333; color: #ffffff;  text-align: center; font-weight: 600; border: none; border-radius: 5px 5px 0 0}
.idpw .tab li:hover { cursor: pointer}
.idpw .t_txt { width: 100%; font-size: 1.2rem; color: #3a3a3a; font-weight: 400;line-height: 1.8rem; letter-spacing: -1px; box-sizing: border-box; padding: 1.5rem 0; text-align: center}
.idpw .txtbg { clear: both; background: #f4f4f4; padding: 2rem 0.5rem; text-align: center;}
.idpw .txtbg2 { clear: both; background: #f4f4f4; padding: 1.5rem 1rem; text-align: left; margin-top: 1rem; display: flex; flex-direction: column; letter-spacing: -1px}
.idpw .txtbg2 label {letter-spacing: -1px}
.idpw .radio input{  margin-right: 5px}

.idpw .check {clear: both; width: 100%; text-align: center; margin: 10px auto; font-size: 1.2rem; padding: 0.5rem 0 0 0; color: #333333; }
.idpw .check .find { color: #000000; text-decoration-line: underline; text-underline-offset: 7px; font-weight: 700; text-align: center; padding: 1rem 0; overflow: hidden}
.idpw .check .find:hover { cursor: pointer}

/* 회원가입 */
.join_apply { clear: both; width: 100%; margin: 0 auto; overflow: hidden; padding: 0; box-sizing: border-box; }
.join_apply h4{ clear: both; width: 100%; float: left; font-size: 2.4rem; color: #333333;  text-align: center; font-weight: 800; border-bottom: 1px solid #333333; margin-bottom: 1rem; padding: 0 0 20px 0}
.join_apply h5{ clear: both; width: 100%; float: left; font-size: 1.5rem; color: #333333;  text-align: left; font-weight: 600; border-bottom: 1px solid #333333; margin-bottom: 1rem; padding: 0 0 0.5rem 0}
.join_apply ul { width: 100%; display: flex; flex-direction: column; }
.join_apply li { width: 100%; margin: 0 0 0.8rem 0}	
.join_apply li:last-child { width: 100%; margin: 0}
.join_apply dl { width: 100%; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-end}
.join_apply dt {width: 100%; font-size: 1.1rem; color: #333333; text-align: left; font-weight: 600; line-height: 40px}
.join_apply dd { width: 100%; display: block; font-size: 1.1rem; color: #333333; text-align: left; font-weight: 400; }
.join_apply dd .txt { font-size: 1.1rem; color: #1550c7; text-align: left; font-weight: 600; line-height: 45px }

.join_apply dd .applybt {float: right; background: #8b8b8b; font-size: 1.1rem; color: #ffffff; text-align: center; padding: 13px; box-sizing: border-box; border-radius: 3px; width: 165px}
.join_apply dd .applybt:hover { cursor: pointer}
	
.join_apply dd .applybt2 {float: right; background: #1550c7; font-size: 1.1rem; line-height: 1.8rem; font-weight: 400; color: #ffffff; text-align: center; padding: 0.5rem 0.7rem; box-sizing: border-box; border-radius: 5px; }
.join_apply dd .applybt2:hover { cursor: pointer}

.join_apply .w50 { display: flex; align-items: center; justify-content: space-between; margin-bottom: 5px}
.join_apply .w50 input { width: 49.5%; font-size: 1.1rem; color: #333333; text-align: left; font-weight: 400; border: 1px solid #d5d5d5; background: #ffffff; padding: 0.5rem; height: 3rem; box-sizing: border-box; border-radius: 3px}
.join_apply .w100 select{ display: block;  width: 100%; font-size: 1.1rem; color: #333333; text-align: left; font-weight: 400; border: 1px solid #d5d5d5; background: #ffffff; padding: 0.5rem; height: 3rem; box-sizing: border-box; border-radius: 3px}
	
.radiobt label { margin-right: 50px;  }
.radiobt input {width: 20px; height: 20px; margin-right: 5px}
.radiobt span { font-size: 1.1rem; color: #333333; text-align: left; font-weight: 400; margin-left: 5px; }
	
.radiotxt { width: 100%; background: #f9f9f9; padding: 1rem; margin: 10px 0; font-size: 1rem !important; color: #333333; text-align: left; font-weight: 400; line-height: 1.3; box-sizing: border-box}
.radiotxt span { color: #f12222}
	
.join_apply .infotxt { width: 100%; background: #f9f9f9; border: 1px solid #dfdfdf; padding: 1.5rem 0.2em; margin: 10px 0; font-size: 1.1rem; color: #333333; text-align: center; font-weight: 600; line-height: 1.4; box-sizing: border-box; letter-spacing: -1px}
	
.join_end { clear: both; width: 100%; border: 10px solid #eeeeee; padding: 2rem 1rem; box-sizing: border-box; margin-bottom: 1rem}
.join_end .title { font-size: 1.6rem; font-weight: 800; line-height: 3rem; color: #333333; text-decoration-line: underline; text-underline-offset: 10px; text-decoration-thickness: 2px; text-align: center;}
.join_end .txt { font-size: 1.1rem; font-weight: 400; color: #666666; line-height: 1.6rem; text-align: center; margin-top: 2rem}

/* 회원가입 동의 */
.join_agree { clear: both; width: 100%; float: left}
.join_agree ul { clear: both; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center;  box-sizing: border-box}
.join_agree li { clear: both; width: 50%; text-align: left; font-size: 0.8rem; padding: 0.2rem 0; color: #878787; flex: 1 1 50%; font-weight: 400; margin: 0; display: flex; align-items: center; letter-spacing: -1px;  }
.join_agree li label { display: flex; align-items: center; gap:0.2rem; letter-spacing: -1px; margin-right: 0 }
.join_agree .allagree{ width: 100%; background: #f0f0f0; border: 1px solid #d5d5d5; box-sizing: border-box; margin: 1rem 0}
.join_agree .allagree label { display: flex; align-items: center; justify-content: center; text-align: center; font-size:1.1rem; font-weight: 700; padding: 1rem; ; gap :10px}
.join_agree .allagree .checkbox input{ width: 1rem; height: 1rem}
.join_agree .bt_white { color:#878787; background:#ffffff; border: 1px solid #e1e1e1; font-weight: 400; text-align:center; box-sizing: border-box; padding:0.1rem 0.2rem; font-size:0.7rem; letter-spacing: -1px}
.join_agree .bt_white:hover { cursor: pointer}
.join_agree .txt { font-size: 1rem; font-weight: 400; color: #333333; line-height: 1.6; text-align: left; padding: 1rem 0}
	
/* 마이페이지_sns연결설정 */
.my_sns { width: 100%; margin: 0 auto; overflow: hidden; padding: 0; box-sizing: border-box; border-top: 1px solid #333333; border-bottom: 1px solid #333333;}
.my_sns ul { width: 100%; display: flex; flex-direction: column; }
.my_sns li { width: 100%; padding: 1rem 0; border-bottom: 1px solid #e7e7e7}
.my_sns li:last-child { border: none}
.my_sns dl { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center}
.my_sns dt { width: 100%; font-size: 1.2rem; color: #333333; text-align: left; font-weight: 600; display: flex; flex-direction: row; align-items: center; gap:10px}
.my_sns dt span { color: #adadad; text-align: left; font-weight: 400; line-height: 1.5rem; margin-left: 0.5rem}
.my_sns dd { width: 100%; text-align: left; margin-top: 1rem}
.my_sns dd .btn_white { width: 100%; border-radius: 5px; color:#333333; background:#ffffff; border: 1px solid #333333; font-weight: 500; text-align:center; box-sizing: border-box; padding:1rem 0; font-size:1.2rem; }
.my_sns dd .btn_black { border-radius: 5px; color:#ffffff; background:#333333; font-weight: 500; text-align:center; box-sizing: border-box; padding:1rem 0; font-size:1.2rem; }
.my_sns dd .btn_violet { border-radius: 5px; color:#ffffff; background:#1550c7; font-weight: 500; text-align:center; box-sizing: border-box; padding:1rem 0; font-size:1.2rem; }
.my_sns dd .btn_blue { border-radius: 5px; color:#ffffff; background:#1550c7; font-weight: 500; text-align:center; box-sizing: border-box; padding:1rem 0; font-size:1.2rem; }
.my_sns dd .btn_red { border-radius: 5px; color:#ffffff; background:#f75454; font-weight: 500; text-align:center; box-sizing: border-box; padding:1rem 0; font-size:1.2rem; }

/* 마이페이지_마케팅수신동의 */
.my_marketing { clear: both; width: 100%; margin: 0 auto; overflow: hidden; padding: 1rem 0; box-sizing: border-box; border-top: 1px solid #333333; }
.my_marketing h4{ clear: both; width: 100%; float: left; font-size: 1.6rem; line-height: 3rem; color: #333333;  text-align: left; font-weight: 800;  padding: 0}
.my_marketing ul { width: 100%; display: flex; flex-direction: column; }
.my_marketing li { width: 100%; padding: 1rem 0;  border-bottom: 1px dashed #e7e7e7; float: left}
.my_marketing li:first-child { padding-top : 0.5rem}
.my_marketing li:last-child { border: none; padding-bottom: 0.5rem}
.my_marketing dl { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end}
.my_marketing dt {width: 100%; font-size: 1.2rem; color: #333333; text-align: left; font-weight: 400; line-height: 1.8rem; margin: 5px 0}
.my_marketing dd { width: 100%; display: block; font-size: 1.2rem; color: #333333; text-align: left; font-weight: 400; padding: 5px 0}
.my_marketing .radio { width: 100%; background: #f4f4f4; padding: 1.5rem; margin: 0.5rem 0; text-align: center; }
.my_marketing .radio label { text-align: center; padding: 0.4rem  }
.my_marketing .radio input {width: 1rem; height: 1rem; margin-right: 5px}
.my_marketing .radio .agreement { display: block; font-size: 18px; color: #a0a0a0; text-align: center; font-weight: 400; padding: 0.5rem 0 0 0}
.my_marketing .w50 { display: flex; flex-direction: row; align-items: center; justify-content: space-between}
.my_marketing .w50 input, .w50 select{ width: 32.5%; font-size: 1.2rem; color: #333333; text-align: left; font-weight: 400; border: 1px solid #d5d5d5; background: #ffffff; padding: 0.5rem; height: 3rem;; box-sizing: border-box; border-radius: 3px}
.my_marketing .w100 {width: 100%; font-size: 1.2rem; color: #333333; text-align: left; font-weight: 400; border: 1px solid #d5d5d5; background: #ffffff; padding: 0.5rem; height: 3rem;; box-sizing: border-box; border-radius: 3px;}
.my_marketing dd .applybt {float: right; background: #333333; font-size: 1.2rem; color: #ffffff; text-align: center; padding: 0.5rem; height: 3rem; box-sizing: border-box; border-radius: 3px; width: 100px}
.my_marketing dd .applybt:hover { cursor: pointer}

/* 마이페이지_회원탈퇴 */
.my_leave { clear: both; width: 100%; margin: 0 auto; overflow: hidden; padding: 1rem 0; box-sizing: border-box; border-top: 1px solid #333333; }
.my_leave ul { width: 100%; display: flex; flex-direction: column; }
.my_leave li { width: 100%; padding: 1rem 0; border-bottom: 1px dashed #e7e7e7; float: left}
.my_leave li:first-child { padding-top :  0.5rem}
.my_leave li:last-child { border: none; }
.my_leave dl { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end}
.my_leave dt {width: 100%; float: left; font-size: 1.6rem; line-height: 3rem; color: #333333;  text-align: left; font-weight: 800;}
.my_leave dd { width: 100%; display: block; margin: 1rem 0}
.my_leave dd textarea {width: 100%; font-size: 1.2rem; color: #333333; text-align: left; font-weight: 400; border: 1px solid #d5d5d5; background: #ffffff; padding: 1rem; box-sizing: border-box; border-radius: 3px}
.my_leave .radio { width: 100%; background: #f4f4f4; padding: 1rem; margin: 0.5rem 0; display: flex; flex-direction: column; font-size: 1.2rem; color: #333333; text-align: left; font-weight: 400;}
.my_leave .radio label { width: 100%; padding: 0.4rem }
.my_leave .radio input {width: 1rem; height: 1rem; margin-right: 5px}
	
/*하단 공통 의료 서비스*/	
.subpageSlider { 
	position: relative; 
	width: 95%; 
	margin: 1rem 2.5% 0 2.5%;
	height: 88vw;
}
.hos-intro-slider {
    position: absolute;;
    overflow: hidden;
    height: 88vw;
    right: 0px;
    width: 100%;
    min-width: 100%;
}

.subpageSlider .hos-intro-slider .swiper-slide {
    width: 75% !important;
    margin-right: 30px;
}
	
.subpageSlider .hos-intro-slider .swiper-slide img {width: 100%}
	
.subpageSlider .hos-intro-slider .swiper-slide dl { margin-top: 2rem}
.subpageSlider .hos-intro-slider .swiper-slide dt { font-size: 1.6rem; font-weight: 700; color: #333333; text-align: left; margin-bottom: 1rem}
.subpageSlider .hos-intro-slider .swiper-slide dd { font-size: 1.2rem; font-weight: 400; color: #333333; text-align: left ; line-height: 1.8rem}

.subpageSlider .hos-intro-slider .common-bar-paging {
    border-radius: 0;
    left: 0;
    background: #f5f2f0;
    height: 6px;
    width: 100%;
    bottom: 0;
}
.common-bar-paging .swiper-scrollbar-drag {
    border-radius: 0;
    background: #1550c7;
}
	
/*하단공통*/
.scaleimgBox { clear: both; width: 100%; margin: 0 0 5rem 0; }
.scaleimgBox ul { width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap}
.scaleimgBox li {width: 32%;}

.scaleimg {position: relative; width: 100%; height: 18rem; overflow: hidden }
.scaleimg .scaleimg1 {width: 100%; height: 18rem; background: url("/images/common/common_banner_img01.jpg") no-repeat; background-size: cover}
.scaleimg .scaleimg1:hover { 
	transition: all 1s ease; 
	transition: scale(1.15); /* default */
	-webkit-transform:scale(1.15); /* 크롬 */
	-moz-transform:scale(1.15); /* FireFox */
	-o-transform:scale(1.15); /* Opera */
	cursor: pointer;		
		
}
.scaleimg .scaleimg2 {width: 100%; height: 18rem; background: url("/images/common/common_banner_img02.jpg") no-repeat; background-size: cover}
.scaleimg .scaleimg2:hover { 
	transition: all 1s ease; 
	transition: scale(1.15); /* default */
	-webkit-transform:scale(1.15); /* 크롬 */
	-moz-transform:scale(1.15); /* FireFox */
	-o-transform:scale(1.15); /* Opera */
	cursor: pointer;		
		
}
.scaleimg .scaleimg3 {width: 100%; height: 18rem; background: url("/images/common/common_banner_img03.jpg") no-repeat; background-size: cover}
.scaleimg .scaleimg3:hover { 
	transition: all 1s ease; 
	transition: scale(1.15); /* default */
	-webkit-transform:scale(1.15); /* 크롬 */
	-moz-transform:scale(1.15); /* FireFox */
	-o-transform:scale(1.15); /* Opera */
	cursor: pointer;		
		
}

.scaleimg dl{ width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column}
.scaleimg dt { font-size: 1.2rem; color: #ffffff; font-weight: 600; text-align: center; line-height: 1.8rem}
.scaleimg dd { font-size: 1rem; color: #ffffff; font-weight: 400; text-align: center; text-decoration: underline; text-underline-offset:10px; line-height: 200%;}
.scaleimg dd span { font-size: 0.7rem; line-height: 30%}
	
/*검색*/
.search {width: 100%; display: flex; align-items: center; justify-content: flex-end}
.search input { width: 45%; font-size: 1.1rem; color: #333333; text-align: left; font-weight: 400; border: 1px solid #c9c9c9; background: #ffffff; padding: 0.3rem; box-sizing: border-box; border-radius: 3px; margin: 0 0.5rem}
.search select { font-size: 1.1rem; color: #333333; text-align: left; font-weight: 400; border: 1px solid #c9c9c9; background: #ffffff; padding: 0.4rem 0.3rem !important; box-sizing: border-box; border-radius: 3px;}
.search .searchbt { background: #333333; font-size: 1.1rem; color: #ffffff; text-align: center; padding: 0.6rem 1rem; box-sizing: border-box; border-radius: 3px; }
.search .searchbt:hover { cursor: pointer}
	
/*게시판 기본 테이블*/
.board_list {width: 100%; clear:both; border-collapse:collapse; border-top:2px solid #333333; border-bottom:1px solid #ececec;  margin:6% 0 }
.board_list caption{display:none}
.board_list tr {border-bottom :1px solid #ececec; }
.board_list thead td { background:#ffffff; padding: 1rem 0.5rem; text-align: center; font-size: 1.1rem ; color:#333333; font-weight: 600; }
.board_list thead th { background:#f8f8f8; padding: 1rem 0.5rem; text-align: center; font-size: 1.1rem ; color:#333333; font-weight: 600;}
.board_list tbody th { background:#ffffff; padding: 1rem 0.5rem; font-size: 1.1rem; text-align: center; color:#333333; font-weight: 400}
.board_list tbody td {padding: 1rem 0.5rem ; text-align: left; font-size: 1.1rem; color: #333333; line-height:24px; font-weight: 400; word-break: keep-all;}
.board_list tbody .icon img { width: 0.8rem}
.board_list tbody tr:hover { cursor: pointer}
.board_list .noticetxt img { width: 0.7rem; margin: 0.3rem 0.4rem 0 0}

/*게시판 기본 테이블_cursor none*/
.board_list2 {width: 100%; clear:both; border-collapse:collapse; border-top:2px solid #333333; border-bottom:1px solid #ececec;  margin:6% 0; display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.board_list2 caption{display:none}
.board_list2 tr {border-bottom :1px solid #ececec; }
.board_list2 thead td { background:#ffffff; padding: 1rem 0.5rem; text-align: center; font-size: 1.1rem ; color:#333333; font-weight: 600; }
.board_list2 thead th { background:#f8f8f8; padding: 1rem 0.5rem; text-align: center; font-size: 1.1rem ; color:#333333; font-weight: 600;}
.board_list2 tbody th { background:#ffffff; padding: 1rem 0.5rem; font-size: 1.1rem; text-align: center; color:#333333; font-weight: 400}
.board_list2 tbody td {padding: 1rem 0.5rem ; text-align: left; font-size: 1.1rem; color: #333333; line-height:24px; font-weight: 400; white-space: nowrap;}
.board_list2 tbody .icon img { width: 0.8rem}
.board_list2 .noticetxt {background: #1550c7; color: #ffffff; font-size: 1rem; text-align: center; padding: 0.2rem; margin-right: 0.4rem; border-radius: 3px}
.board_list2 .certified {background: #333333; color: #ffffff; font-size: 1rem; text-align: center; padding: 4px 16px; border-radius: 3px;}
.board_list2 .uncertified {background: #e2e2e2; color: #8a8a8a; font-size: 1rem; text-align: center; padding: 4px 8px; border-radius: 3px;}
.board_list2 .money_recharge {background: #ffffff; color: #333333; font-size: 1rem; text-align: center; padding: 4px 6px; border-radius: 3px; border: 1px solid #333333}
.board_list2 .money_invite {background: #f4f4f4; color: #333333; font-size: 1rem; text-align: center; padding: 4px 6px; border-radius: 3px; border: 1px solid #333333}
	
.icon_scroll { clear: both; float: right; margin: 1rem 0 0 0}
.icon_scroll img { width: 2rem; text-align: right}
	
/*게시판 언론보도*/
.new_tablenews { display: flex; width: 100%; clear:both; margin:6% 0; padding:5% 0; border-bottom :1px solid #d8d8d8; border-top :2px solid #333333}
.new_tablenews ul {display: flex; flex-wrap: wrap; align-self: auto !important; justify-content: space-between !important;}
.new_tablenews li { width: 47%; padding: 4% 0}
.new_tablenews li dl {width: 100%;  float:left;  }
.new_tablenews li dl:hover {  text-decoration:none; cursor: pointer; }
.new_tablenews li dt {float: left; padding: 0 ; width: 100%;border:1px solid #e9e9e9; box-sizing: border-box; margin-bottom: 7px}
.new_tablenews li dt img {width: 100%; height: 27vw; object-fit: cover; object-position :top}
.new_tablenews li dd {width: 100%; text-align: left; line-height: 1.3rem; font-size: 1.2rem}
	
/*게시판 기본 상세*/
.board_view { clear: both; width: 100%; display: flex; margin: 0; flex-direction: column}
.board_view .title { clear: both; width: 100%; float: left; font-size: 1.6rem; color: #333333;  text-align: left; font-weight: 800; line-height: 130%; border-bottom: 1px solid #333333; padding: 0 0 1rem 0.1rem; box-sizing: border-box; word-break: keep-all;}
.board_view .title2 { clear: both; width: 100%; float: left; font-size: 1.6rem; color: #333333;  text-align: left; font-weight: 800; line-height: 130%; word-break: keep-all;}
.board_view .date2 { clear: both; width: 100%; float: left; font-size: 1rem; color: #8b8b8b;  text-align: left; font-weight: 400; border-bottom: 1px solid #d4d4d4; padding: 10px 0 20px 4px; box-sizing: border-box}
.board_view .newsgo button { background: #091d3f; color: #ffffff; font-size: 1rem; padding: 0.7rem 1.8rem; text-align: center; margin-bottom: 1rem}
.board_view .view { clear: both; width: 100%; text-align: left; padding: 2rem 0; box-sizing: border-box; overflow: hidden; font-size: 1.1rem; color: #333333; font-weight: 400; line-height: 1.6 !important}
.board_view .view p { clear: both; width: 100%; text-align: left; font-size: 1.1rem; color: #333333; font-weight: 400; line-height: 1.6 !important}
.board_view .view img { width: 100%; }
.board_view img { width: 100%; }
.board_view .txt { clear: both; width: 100%; font-size: 1.1rem; color: #333333; font-weight: 400; text-align: center; padding: 2rem 0; box-sizing: border-box; overflow: hidden; ; line-height: 1.6 !important}
.board_view .stxt { clear: both; width: 100%; font-size: 0.9rem; color: #848484; font-weight: 300; text-align: center; padding: 2rem 0 3rem 0; box-sizing: border-box; overflow: hidden; line-height: 1.6}

/*페이징*/
.pagination { clear: both; display: flex; justify-content: center; align-items: center; list-style-type: none; padding: 0; margin: 1rem 0 0 0;}
.pagination a { color: #333; padding: 9px 12px; border: 1px solid #ddd; margin: 0 1px; font-size: 1rem; transition: background-color 0.3s ease; line-height: 100% !important }
.pagination a:hover { background-color: #f1f1f1; }
.pagination a.active { background-color: #333; color: #fff; border-color: #333;}
.pagination a.first-page, .pagination a.prev-page, .pagination a.next-page , .pagination a.last-page  { line-height: 30px !important; height: 34px; padding: 0 12px}

/*이전글 다음글*/
.nextprev_wrap { clear: both; float: left; width: 100%; border-top: 1px solid #333333; border-bottom: 1px solid #333333; margin: 0 0 1rem 0}
.nextprev_wrap .prev { width: 100%; border-bottom: 1px solid #ececec; padding: 1rem 0; }
.nextprev_wrap .next { width: 100%; padding: 1rem 0;}
.nextprev_wrap .prev .title {background: url("/images/n_community/arrow_up.png") no-repeat 3.8rem 50%; background-size: 0.8rem; font-size: 1.1rem; font-weight: 700; margin-bottom: 0.5rem; }
.nextprev_wrap .next .title {background: url("/images/n_community/arrow_down.png") no-repeat 3.8rem 50%; background-size: 0.8rem; font-size: 1.1rem; font-weight: 700; margin-bottom: 0.5rem; }
.nextprev_wrap .txt { font-size: 1rem; font-weight: 400; color: #797979 }
.nextprev_wrap .txt:hover { cursor: pointer}
	
/* 하단 상담대표전화 & 상담신청*/
.quick_wrap { width:100%; background:#fafafa; clear:both; padding: 2rem 0 0 0; display: flex; flex-direction: column; border-top: 1px solid #e0e0e0}

.quick { width:100%; padding: 1.5rem 0; overflow: hidden  }

.quick .floor_sns {width: 100%; padding: 1rem 0; }
.quick .floor_sns ul {width: 100%; float: left; margin: 0 auto; padding: 0 }
.quick .floor_sns li { width: 25%; float: left; text-align: center; font-size: 1rem ; color: #333333}
.quick .floor_sns li:hover {cursor: pointer}
.quick .floor_sns li img {width: 75%; margin-bottom: 15px}

.counsel {width:100%;}
.counsel p {font-size:1.2rem ; text-align:left; color:#333333;   margin-bottom:1rem; font-weight: 700}

/* 신청 폼 공통 */
.info_warp .info_warp {width:100%; margin:0 auto;}
.info_warp .fc{ color: #e8a91e}

.info_warp .input_set{position:relative;margin-bottom:7px; clear: both}
.info_warp .input_set .fl{position:absolute;top:0;left:0}
.info_warp .input_set .fr{position:absolute;top:0;right:0}

.info_warp .input_wrap{line-height:45px;position:relative;overflow:hidden;}

.info_warp .int{line-height:45px;display:block;overflow:hidden;height:32px;padding:8px;background:#fff;border-radius:3px  }
.info_warp .int input{color:#444444;font-size:1.1rem;line-height:32px;width:100%;height:28px;vertical-align:top;border:none; outline: none ; background:#fff;}
.info_warp .int select{color:#444444;font-size:1.1rem;line-height:32px;width:100%;height:28px;vertical-align:top;border:none; outline: none; background:#fff;}

.info_warp .int2{float: left;line-height:54px;display:block;overflow:hidden;height:54px;padding:11px 8px 25px 8px;background:#fff; width:30%; box-sizing: border-box; margin: 2px;border-radius:3px;  }
.info_warp .int2:last-child{float: left;line-height:54px;display:block;overflow:hidden;height:54px;padding:10px;background:#fff; width:38%; box-sizing: border-box; margin: 2px;border-radius:3px;  }
.info_warp .int2 select{ color:#444444;font-size:1rem;line-height:34px;width:100%;height:34px;vertical-align:top; border-radius:3px; outline: none; background:#fff; border: none}

.info_warp .input_wrap_type3{margin-right:107px}

.info_warp .bt_number {border-radius:3px; font-weight: 600; font-size:1rem; line-height:32px;display:inline-block;overflow:hidden; width:100px; height:32px; text-align:center; vertical-align:top; white-space:nowrap; background:#333333; color:#ffffff !important}

.info_warp .event_agree {width:100%; text-align:left; vertical-align:middle; color:#333333; margin: 0.5rem auto; clear: both; font-size:1rem; padding:1rem 0}
.info_warp .event_agree a{ color:#333333;  font-size:1rem}
.info_warp .event_agree a:link, a:visited { color:#333333;  font-size:1rem}
.info_warp .event_agree .okbt { background: #ffffff; border: 1px solid #e0e0e0; padding: 0.2rem 0.5rem; color: #333333; font-weight: 400; font-size: 1rem}
.info_warp .event_agree .okbt:hover { cursor: pointer}

.info_warp .ok_button {text-align:center; width:100%; padding:1.2rem 0; clear:both; background: #d40000; color:#fff; font-size: 1.1rem; font-weight: 700; border-radius:3px}
.info_warp .ok_button:hover { cursor: pointer}
	
.info_warp .ok_button2 {text-align:center; width:100%; padding:1.2rem 0; clear:both; background: #333333; color:#fff; font-size: 1.1rem; font-weight: 700; border-radius:3px}
.info_warp .ok_button2:hover { cursor: pointer}

/*apply*/
.apply { clear: both; width: 100%; float: left; margin: 1rem 0; background: #ffffff; padding: 1rem 0; box-sizing: border-box; border-top: 1px solid #333333; border-bottom: 1px solid #333333}
.apply ul { width: 100%; display: flex; flex-direction: column; }
.apply li { width: 100%; margin: 0.5rem 0}
.apply dl { width: 100%; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-end}
.apply dt { width: 100%; font-size: 1.1rem; color: #333333; text-align: left; font-weight: 600; line-height: 45px}
.apply dt .blue { color: #1550c7; font-weight: 600; line-height: 45px}
.apply dd { width: 100%; display: block; margin-bottom: 5px}

.apply .input_set{position:relative;margin-bottom:8px; clear: both}
.apply .input_set .fl{position:absolute;top:0;left:0}
.apply .input_set .fr{position:absolute;top:0;right:0}

.apply .input_wrap{line-height:45px;position:relative;overflow:hidden;margin-bottom:6px;}

.apply .int {line-height:45px;display:block;overflow:hidden;height:40px;padding:11px 10px 0 10px;background:#fff;border-radius:3px;border:1px solid #d9d9d9; margin-bottom: 5px}
.apply .int input {color:#444444;font-size:1.1rem;line-height:29px;width:100%;height:29px;vertical-align:top;border:none; outline: none; background:#fff;}
.apply .int select {color:#444444;font-size:1.1rem;line-height:29px;width:100%;height:29px;vertical-align:top;border:none; outline: none; background:#fff ;}

.apply .input_wrap2 { position:relative; overflow:hidden; margin-bottom:6px; display: flex; justify-content: space-between; flex-direction: column}
.apply .int2 {width: 100%; display:block;overflow:hidden; height:52px;padding:5px 10px;background:#fff;border-radius:3px;border:1px solid #d9d9d9; margin-bottom: 5px}
.apply .int2 input {color:#444444;font-size:1.1rem;line-height:42px;width:100%; vertical-align:top;border:none; outline: none; background:#fff;}
.apply .int2 select {color:#444444;font-size:1.1rem;line-height:42px;width:100%; height:42px; vertical-align:top;border:none; outline: none; background:#fff ;}
	
.apply textarea {color:#444444; font-size:1.1rem; line-height:29px; width:100%; height:200px; border:1px solid #d9d9d9; background:#fff ; box-sizing: border-box}

.apply .input_wrap_type3{margin-right:107px}

.apply .bt_gray {border-radius:3px;font-weight: 400; font-size:1.2rem; line-height:53px; display:inline-block; overflow:hidden; width:100px; height:53px; text-align:center; white-space:nowrap; background:#333333; color:#fff !important}

.apply_agree {clear: both; width: 100%; text-align: center; vertical-align: middle; margin: 0.5rem auto; font-size: 1.1rem; padding: 0; color: #333333;}
	
/*카피라이터*/
.footer { background:#ffffff; clear:both; width:100%; float:left; padding: 1.5rem 0 6rem 0; border-top: 1px solid #e0e0e0 }
.footer .logo { width:380px; display: none }
.footer .address { float:right; text-align:left ; width:100%; color:#333333}
.footer .address ul { width:100%; padding-bottom:10px; float:left}
.footer .address li { float:left; color:#333333; padding-right: 5px; line-height: 1.6 }
.footer .address li a {color:#333333; font-size:1rem}
.footer .address li a:hover {color:#d40000}
.footer .address p { clear:both; color:#333333; font-size:0.85rem; font-weight: 300; line-height: 1.3}

.quickBar {position:fixed; bottom:0px; padding:0px; width:100%; z-index: 9999; display:block; max-width: 800px; border-top: 1px solid #e0e0e0}
.quickBar ul {width:100%; margin:0 auto; padding:0;}
.quickBar ul li { float:left; display:inline-block; width:20%; padding:0; margin:0; text-align:center;}
.quickBar ul li img{ width:100%;}
	
/*우측 퀵메뉴*/
.sidequick {display: none}
	
/*상세검색*/
/* 전체 컨테이너 */
.filter-container {
  clear: both;
  float: left;
  width: 100%;
  margin: 1rem auto;
  background: #f6f6f6; 
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  padding: 1rem;
}

/* 드롭다운과 검색창 래퍼 */
.controls {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* select 스타일 */
.controls select {
  padding: 10px 50px 10px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #fff;
  font-size: 1.2rem;
  appearance: none; /* 기본 화살표 숨김 */
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D'10'%20height%3D'7'%20viewBox%3D'0%200%2010%207'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Cpath%20d%3D'M0%200l5%207%205-7z'%20fill%3D'%23666'%20/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 10px 7px;
}

/* 키워드 검색창 */
    .search-input {
      display: block;
      width: 100%;
      margin-top: 0px;
      padding: 10px 12px;
      border: 1px solid #ddd;
      border-radius: 4px;
      font-size: 1.2rem;
      color: #333;
    }
    .search-input::placeholder {
      color: #aaa;
    }

/* 태그(칩) 영역 */
.tags {
  width: 100%; 	
  margin-top: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  border-top: none;
  padding-top: 0;
}

.tag {
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  background-color: #ffffff;border: 1px solid #e3e3e3;
  border-radius: 5px;
  font-size: 0.9rem;
  color: #646464;
}

.tag .remove {
  display: inline-block;
  margin: 2px 0 0 6px;
  font-size: 0.7rem;
  cursor: pointer;
}
	
	
	
/* ---------------------------------------매칭리스트----------------------------------- */
/* 카드 컨테이너: 사진과 우측 영역을 가로 정렬 */
.profile-card {
	display: flex;
	background-color: #ffffff;
	border: 1px solid #e0e0e0;
  	border-radius: 8px;
  	padding: 0.5rem;
  	width: 100%;
  	margin: 0 auto 1rem auto;
  	font-family: sans-serif;
  	color: #333;
	box-sizing: border-box;
	flex-wrap: wrap;
}
.profile-card:hover{
	cursor: pointer; border: 1px solid #e74c3c;
}

/* 왼쪽 사진 섹션 */
.profile-card .photo {
  position: relative;
  width: 28%;
  border-radius: 8px;
  overflow: hidden;
  flex-shrink: 0;
}
.profile-card .photo img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  object-position: center;
}
.profile-card .photo .favorite {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 25px;
  height: 25px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #e74c3c;
  cursor: pointer;
}


/* 오른쪽 컨테이너: 이름, 정보, 인증 뱃지 */
.profile_right {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-left: 1rem;
}

/* 이름 및 검색 헤더: 우측 상단 */
.profile-card .name-search {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f6f6f6;
  padding: 0.5rem;
  border-radius: 5px;
}
.profile-card .name-search h2 {
  	margin: 0;
  	font-size: 1.1rem;
  	font-weight: 600;
	color: #333333;
}
.profile-card .name-search h2 span {
  	font-size: 1rem;
  	color: #333333;
  	margin-left: 0;
  	font-weight: 300;
}
.profile-card .name-search .search-btn {
  background: none;
  border: none;
  cursor: pointer;
}
.profile-card .name-search .search-btn img {
  width: 1rem;
}
/* 정보와 인증 뱃지를 가로로 배치 */
.profile-card .profile_content {
  display: flex;
  gap: 1rem;
  flex-direction: column;
}

/* 상세 정보 리스트 */
.profile-card .details {
  flex: 1;
  background: #fff;
  border-radius: 4px;
  padding: 0.3rem;;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.profile-card .detail {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  border-bottom: 1px solid #f0f0f0;
  padding: 0.3rem 0;
  box-sizing: border-box;
}
.profile-card .detail .icon {
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  flex-shrink: 0;
}
.profile-card .icon.phone { background-image: url('/images/matching/phone-icon.png');  }
.profile-card .icon.job   { background-image: url('/images/matching/user-icon.png'); }
.profile-card .icon.loc   { background-image: url('/images/matching/location-icon.png'); }
.profile-card .detail .label {
  width: 50px;
  font-size: 0.95rem;
  color: #959595;
  font-weight: 300;
}
.profile-card .detail .value {
  font-size: 0.95rem;
  font-weight: 600;
}

/* 인증 뱃지 그리드 */
.profile-card .badges_pc {
  display: none
}
.profile-card .badges_m {
  display: grid;
  flex-basis: 100%;
  grid-template-columns: repeat(3, auto);
  margin-top: 12px;
  width: 100%;
  gap: 0.5rem;
}
.profile-card .badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0.4rem 1rem;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 0.85rem;
  background: #fff;
}
.profile-card .badge .check {
  display: inline-block;
  width: 15px;
  height: 15px;
  background-size: contain;
  background-repeat: no-repeat;
  flex-shrink: 0;
}
.profile-card .badge.active {
  border-color: #e74c3c;
}
.profile-card .badge.active .check { background-image: url('/images/matching/check-red.png'); }
.profile-card .badge.disabled {
  color: #aaa;
  border-color: #ddd;
}
.profile-card .badge.disabled .check { background-image: url('/images/matching/check-gray.png'); }
/* ---------------------------------------//매칭리스트----------------------------------- */
	
	
	
/* ---------------------------------------모바일 상세검색 팝업----------------------------------- */
/* 오버레이 (모달 배경) */
    .overlay {
      display: none;
      position: fixed;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: rgba(0, 0, 0, 0.6);
      z-index: 1000;
      overflow: auto;
      padding: 20px;
	  box-sizing: border-box;
    }

    /* 모달 박스 */
    .modal {
      background: #fff;
      border-radius: 8px;
      max-width: 600px;
      width: 100%;
      margin: 70px auto;
      overflow: hidden;
    }
	.modal_800 {
      background: #fff;
      border-radius: 8px;
      max-width: 600px;
      width: 100%;
      margin: 80px auto 17vw auto;
      overflow: hidden;
    }
    .modal-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 16px;
      border-bottom: 1px solid #eee;
    }
    .modal-header h2 { font-size: 20px; }
    .modal-close {
      background: none;
      border: none;
      font-size: 24px;
      cursor: pointer;
	  color: #333333;
    }
	
	/* 팝업 기본 글자&form */
	.pop_warp { padding: 1.5rem; text-align: center}
	.pop_warp p{
        font-size: 1.1rem;
		text-align: center;
		line-height: 1.6;		
    }
	.pop_warp input{
		clear: both;
        font-size: 1.1rem;
		text-align: center;
		padding: 0.7rem;
		width: 100%;	
		box-sizing: border-box;
		border-radius:3px; 
		border:1px solid #d9d9d9
    }
	
	.pop_warp { padding: 1.5rem; text-align: center}
	.pop_warp ul {display: flex; align-items: center; justify-content: space-around; flex-direction: row}
	.pop_share li img { width: 6rem}
	.pop_share li p {
        font-size: 1.1rem;
		text-align: center;
		line-height: 1.6;
		margin-top: 1rem;
    }

	.pop_totalpay { padding: 0 0 3rem 0; text-align: center}
	.pop_totalpay dl {display: flex; align-items: center; justify-content: space-around; flex-direction: column; gap:1rem}
	.pop_totalpay dt {  width: 100%; }
	.pop_totalpay dt h3 { font-size: 1.5rem; text-align: left; line-height: 1.4; font-weight: 700; margin-bottom: 1rem }
	.pop_totalpay dt p {font-size: 1.1rem; text-align: left; line-height: 1.6;}
	.pop_totalpay dd { width: 100%}
	.pop_totalpay dd img { width: 100%}

	.pop_share { padding: 2rem 1.5rem; text-align: center}
	.pop_share ul {display: flex; align-items: center; justify-content: space-around; flex-direction: row}
	.pop_share li img { width: 6rem}
	.pop_share li:hover { cursor: pointer}
	.pop_share li p {
        font-size: 1.1rem;
		text-align: center;
		line-height: 1.6;
		margin-top: 1rem;
    }

    /* 상세검색 레이아웃 */
    .search_container { display: flex; }
    .search_sidebar { width: 30%; background: #f6f6f6; border-right: 1px solid #eee; }
    .search_sidebar ul { list-style: none; }
    .search_sidebar li {
      padding: 14px 12px;
      cursor: pointer;
      transition: background 0.2s;
    }
    .search_sidebar li:hover { background: #f0f0f0; }
    .search_sidebar li.active { background: #fff; color: #d00; font-weight: 600; }

    .search_content { width: 70%; padding: 12px; }
    .search_content > div { display: none; }
    .search_content > div.active { display: block; }
    .search_content label { display: block; margin-bottom: 15px; cursor: pointer; }

    .search_tags { display: flex; flex-wrap: wrap; padding: 12px; border-top: 1px solid #eee; }
    .search_tag {
      background: #ffffff;
      padding: 6px 10px;
      margin: 4px;
      border-radius: 3px;
      font-size: 0.9rem;
      cursor: pointer;
      border: 1px solid #e3e3e3;
    }
	.search_tag_close {
      background: none;
      border: none;
      margin-left: 6px;
      font-size: 0.7rem;
      cursor: pointer;
	  color: #333333;
    }
    .search_buttons {
      display: flex;
      justify-content: space-between;
      padding: 12px;
      border-top: 1px solid #eee;
    }
    .btn.reset { background: #fff; border: 1px solid #ccc; color: #333; }
    .btn.apply { background: #d00; color: #fff; }
	
/* ---------------------------------------//모바일 상세검색 팝업----------------------------------- */

	
/* ---------------------------------------매칭 상세정보 팝업----------------------------------- */
    .info-modal .info-content { padding: 16px; }
    .info-top { text-align: center; margin-bottom: 12px; }
    .info-top .match-btn { background: #d00 url("/images/matching/heart_white.png") no-repeat 10% 50%; background-size: 1.1rem; color: #fff; border-radius: 4px; padding: 0.6rem 0.5rem 0.6rem 2rem; font-size: 1rem; font-weight: 400 }
	.info-top .match-btn_cancel { background: #ffffff url("/images/matching/heart_black.png") no-repeat 10% 50%; border: 1px solid #cccccc; background-size: 1.1rem; color: #333333; border-radius: 4px; padding: 0.6rem 0.5rem 0.6rem 2rem; font-size: 1rem; font-weight: 400 }
	.info-top .match-btn_share { background: #ffffff url("/images/matching/inon_share.png") no-repeat 10% 50%; border: 1px solid #cccccc; background-size: 1.1rem; color: #333333; border-radius: 4px; padding: 0.6rem 0.5rem 0.6rem 2rem; font-size: 1rem; font-weight: 400 }
	.info-top .match-btn_bookmark { background: #ffffff url("/images/matching/inon_bookmark.png") no-repeat 10% 50%; border: 1px solid #cccccc;  background-size: 1.1rem; color: #333333; border-radius: 4px; padding: 0.6rem 0.5rem 0.56rem 2rem; font-size: 1rem; font-weight: 400 }
	.info-top .match-btn_bookmark_x { background: #ffffff url("/images/matching/inon_bookmark_x.png") no-repeat 10% 50%; border: 1px solid #cccccc;  background-size: 1.1rem; color: #333333; border-radius: 4px; padding: 0.6rem 0.5rem 0.6rem 2rem; font-size: 1rem; font-weight: 400 }
	.info-top .match-btn_bookmark_disable { background: #ffffff url("/images/matching/inon_bookmark_disable.png") no-repeat 10% 50%; border: 1px solid #cccccc;  background-size: 1.1rem; color: #333333; border-radius: 4px; padding: 0.6rem 0.5rem 0.6rem 2rem; font-size: 1rem; font-weight: 400 }
	
	
	.info-all_warp { display: flex; gap: 8px; width: 100%; flex-direction: column}
	
    .info-media { display: flex; gap: 8px; width: 100%; flex-direction: row}
	
	.info-media .img-thumb_warp { display: flex; gap: 8px; width: 100%; flex-direction: column}
	.info-media .img-thumb { width: 100%; border-radius: 4px; position: relative; overflow: hidden; height: 80% }
	.info-media .img-thumb img { width: 100%; }
	
	.info-media .video-thumb_warp { display: flex; gap: 8px; width: 100%; flex-direction: column}
    .info-media .video-thumb { width: 100%; border-radius: 4px; position: relative; overflow: hidden; height: 80%}
    .info-media .video-thumb img { width: 100%; }	
    .info-media .video-thumb-bt { position: absolute; top: 40%; right: 35%; width: 30%; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 2;}
	.info-media .video-thumb::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 1;}
    .media-btns button {width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 4px; font-size: 14px; color: 333333 !important }
    
	.info-summary_warp {display: flex; width: 100%; flex-direction: column}
	.info-summary { background: #f6f6f6; padding: 0.8rem; border-radius: 4px; font-weight: 600; font-size: 1.1rem; color: #333333; margin: 1rem 0; width: 100%; box-sizing: border-box }
	.info-summary span { font-weight: 300;}
	
	.info-details-t { list-style: none; font-size: 1rem; line-height: 1.5; padding: 0; margin-bottom: 1rem; }
    .info-details-t li { display: flex; align-items: center; padding: 0.6rem 0; border-bottom: 1px solid #eee; }

	.info-details { font-size: 1rem; line-height: 1.5; padding: 0; margin-bottom: 1rem; display: grid; grid-template-columns: repeat(1, 1fr); }
	.info-details li {  display: flex; align-items: center; padding: 0.6rem 0; border-bottom: 1px solid #eee; }
	
    .icon { display: inline-block; width: 20px; height: 20px; margin-right: 6px; background-size: contain; background-repeat: no-repeat; flex-shrink: 0; }
    .icon.phone { background-image: url("/images/matching/phone-icon.png"); }
    .icon.kakao { background-image: url('/images/matching/kakao-icon.png'); }
    .icon.height { background-image: url('/images/matching/height-icon.png'); }
    .icon.education { background-image: url('/images/matching/education-icon.png'); }
    .icon.job { background-image: url("/images/matching/user-icon.png"); }
    .icon.location { background-image:url("/images/matching/location-icon.png")}
    .info-details .label { flex: 0 0 95px; color: #777; font-weight: 300}
    .info-details .value { flex: 1; color: #333; }
	.info-details .value img { width: 1rem; margin-left: 0.4rem; margin-top: 0.2rem}
	
	/* 증명서 안내 박스 */
    .cert-box { background: #fffb8f; border-radius: 4px; padding: 16px; display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
    .cert-icon { width: 15%; height: 24px; flex-shrink: 0; background: url('/images/matching/shield-icon.png') no-repeat center/contain; }
    .cert-text { font-size: 0.9rem; color: #000000; line-height: 1.4; }
	
    /* collapsible sections with arrow right at end */
    details { margin-bottom: 0.5rem; border: 1px solid #cccccc; padding: 0 1rem; border-radius: 5px}
    summary { font-weight: 600; padding: 0.8rem 0; cursor: pointer; list-style: none; position: relative; font-size: 1.1rem }
    summary::marker { font-size: 0; }
    /* remove before, use after to position arrow right */
    summary::before { display: none; }
    summary::after {content: ""; color: wheat; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 12px; height: 12px; background: url("/images/common/plus.png") no-repeat center/contain;transition: transform 0.2s; }
    details[open] summary::after { transform: translateY(-50%) rotate(180deg); }
    .section-content { padding: 0; border-top: 1px solid #eee}
	
	.details_warp { margin-bottom: 1rem; border: 1px solid #cccccc; padding: 0 1rem; border-radius: 5px}
	.summary { font-weight: 600; padding: 0.8rem 0; list-style: none; position: relative; font-size: 1.1rem; background: url("/images/common/icon_edit.png") no-repeat 99% 50%/1.5rem; }
	.summary::before { display: block; }
/* ---------------------------------------//매칭 상세정보 팝업----------------------------------- */

/* 경고안내문 */
.warning { background: #fffd5b; padding: 1rem; margin-bottom: 1rem; box-sizing: border-box}
.warning h1 { font-size: 1.2rem; color: #d40000; line-height: 1.3; text-align: left; background: url("/images/common/icon_warning.png") no-repeat left 0.8vw/1.2rem ; padding-left: 1.8rem; letter-spacing: -1px}
.warning p {font-size: 1rem; color: #333333; line-height: 1.4; text-align: left; letter-spacing: -1px; margin-top: 0.5rem}

.warning2 { background: #fafafa; padding: 1rem; margin-bottom: 1rem; box-sizing: border-box; border: 1px solid #dcdcdc}
.warning2 h1 { font-size: 1.2rem; color: #333333; line-height: 1.3; text-align: left; background: url("/images/common/icon_warning.png") no-repeat left 0.5vw/1.2rem ; padding-left: 1.8rem; letter-spacing: -1px}
.warning2 p {font-size: 1rem; color: #333333; line-height: 1.4; text-align: left; letter-spacing: -1px; margin-top: 0.5rem}
	
/* 서류현황 */
.identity { padding: 0; margin-bottom: 1rem; }
.identity li { width: 100%; border-bottom: 1px dashed #e0e0e0; padding: 1.5rem 0}
.identity li .shield_r{ font-size: 1.3rem; color: #333333; line-height: 1.6; text-align: left; background: url("/images/matching/shield-icon.png") no-repeat left 1vw/1.3rem ; padding-left: 1.7rem; letter-spacing: -1px; font-weight: 600}
.identity li .shield_b { font-size: 1.3rem; color: #333333; line-height: 1.6; text-align: left; background: url("/images/matching/shield-icon_b.png") no-repeat left 1vw/1.3rem; padding-left: 1.7rem; letter-spacing: -1px; font-weight: 600}
.identity li p {font-size: 1.1rem; color: #333333; line-height: 1.4; text-align: left; letter-spacing: -1px; margin: 10px 0}
.identity .bt_issue { margin-left: 0.5rem}
.identity .bt_issue button { display: inline-block; padding: 0.4rem 0.6rem; font-size: 0.9rem; font-weight: 500; color: #333; background-color: #fff; border: 1px solid #333; border-radius: 5px; text-align: center; transition: all 0.3s ease;}
.identity .bt_issue button:hover {background-color: #f1f1f1; border-color: #000; cursor: pointer; }


/* 상담폼 시작 */
.online_apply { clear: both; width: 100%; float: left; margin: 0; padding: 1rem 0; box-sizing: border-box; margin-bottom:1rem; border-top: 1px solid #333333; border-bottom: 1px solid #333333}
.online_apply h4{ clear: both; width: 100%; float: left; font-size: 1.5rem; color: #333333;  text-align: left; font-weight: 800; border-bottom: 1px solid #333333; margin-bottom: 1rem; padding: 0 0 20px 0}
.online_apply ul { width: 100%; display: flex; flex-direction: column; }
.online_apply li { width: 100%; margin: 0}
.online_apply dl { width: 100%; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-end}
.online_apply dt {width: 100%; font-size: 1.1rem; color: #333333; text-align: left; font-weight: 600; line-height: 45px}
.online_apply dd { width: 100%; display: block; margin-bottom: 5px}
.online_apply .line_b { border-bottom: 1px solid #eee; font-size: 1.1rem; color: #333333; text-align: left; font-weight: 400; align-items: center; padding:  0 0 1rem 0; line-height: 1.6rem}
	
.online_apply dd textarea {width: 100%; font-size: 1.1rem; color: #333333; text-align: left; font-weight: 400; border: 1px solid #c9c9c9; background: #ffffff; padding: 1rem; box-sizing: border-box; border-radius: 3px}
.online_apply dd .applybt {float: right; background: #333333; font-size: 1.1rem; color: #ffffff; text-align: center; padding: 13px; box-sizing: border-box; border-radius: 3px; width: 165px}
.online_apply dd .applybt:hover { cursor: pointer}
.online_apply .disabled input {width: 100%; font-size: 1.1rem; color: #9e9e9e; text-align: left; font-weight: 400; border: 1px solid #d4d4d4; background: #f8f8f8 !important; padding: 5px 12px; height: 52px; box-sizing: border-box; border-radius: 3px}	

.online_apply_list { clear: both; width: 100%; float: left; margin: 0; padding: 0; box-sizing: border-box; margin-bottom:20px; border-top: 1px solid #333333; border-bottom: 1px solid #333333}
.online_apply_list ul { width: 100%; display: flex; flex-direction: column; }
.online_apply_list li { width: 100%; margin: 0; border-bottom: 1px solid #eee;}
.online_apply_list li:last-child { width: 100%; margin: 0; border-bottom: none;}
.online_apply_list dl { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end; align-items: flex-start; padding: 1.5rem 0}
.online_apply_list dt {width: 80%; font-size: 1.1rem; color: #333333; text-align: left; font-weight: 600; padding-right: 5%; line-height: 1.3 }
.online_apply_list dd { width: 15%; display: block; margin-bottom: 5px; font-weight: 400; text-align: right; font-size: 1rem}
.online_apply_list .date { font-size: 0.9rem; color: #a5a5a5; text-align: left; font-weight: 400; padding-top: 0.5rem }
.online_apply_list .replied {color: #d40000 ; text-align: right; font-weight: 600;}
.online_apply_list li:hover { cursor: pointer}
	
.online_agree {width:100%; text-align:left; vertical-align:middle; color:#333333; margin: 0.5rem auto; clear: both; font-size:1rem; padding:1rem 0}
.online_agree a{ color:#333333;  font-size:1rem}
.online_agree a:link, a:visited { color:#333333;  font-size:1rem}
.online_agree .okbt { background: #ffffff; border: 1px solid #e0e0e0; padding: 0.2rem 0.5rem; color: #333333; font-weight: 400; font-size: 1rem}
.online_agree .okbt:hover { cursor: pointer}
	
/* 지인/친구소개_잔여머니 */
.money_box {display: flex; align-items: center; justify-content:center; background-color: #fff6f6; padding:1rem 0; border: 1px solid #d40000; font-size: 1.2rem; color: #333333; margin: 4rem 0 0 0 }
.money_box .icon { width: 30px; height: 30px; background: url('/images/common/icon_money.png') no-repeat center center; background-size: 18px; margin-right: 10px; }
.money_box .amount { font-weight: 600; color: #d40000; }

/* ──────────────────────────────────────────
   자주 묻는 질문(FAQ) 스타일
────────────────────────────────────────── */

.faq {
  max-width: 100%;
  margin: 0 auto;
}

/* 토글용 체크박스 숨기기 */
.faq-checkbox {
  display: none;
}

/* 질문+답변 아이템 구분선 */
.faq-item {
  border-bottom: 1px solid #e0e0e0;
}

/* 질문 영역 */
.faq-question {
  display: flex;
  align-items: center;
  padding: 1rem 0.5rem 1rem 0;
  cursor: pointer;
  background-color: #fff;
  font-size: 1.1rem;
}

/* Q 아이콘 */
.faq-question .icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  margin-right: 12px;
  border-radius: 50%;
  background-color: #d40000; /* 이미지의 연두색 원 */
  color: #fff;
  font-weight: bold;
  font-size: 0.9rem;
}

/* 화살표 */
.faq-question .arrow {
  margin-left: auto;
  display: inline-block;
  width: 15px;      /* 아이콘 크기에 맞춰 조정 */
  height: 15px;
  background: url("/images/common/plus.png") no-repeat center center;
  background-size: contain;
  opacity: 0.5;
  transition: transform 0.3s ease, background-image 0.3s ease;
}

/* 체크되면 화살표 회전 */
.faq-checkbox:checked + .faq-question .arrow {
  background-image: url("/images/common/minus.png");
}

/* 답변 영역 숨기기 */
.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease, padding 0.2s ease;
  background-color: #f8f8f8; /* 연한 회색 배경 */
  padding: 0 16px;
  font-size: 1.1rem;
}

/* 답변 단락 간격 */
.faq-answer p {
  margin: 12px 0;
  line-height: 1.6;
}

/* 체크되면 답변 펼치기 */
.faq-checkbox:checked + .faq-question + .faq-answer {
  max-height: 500px;      /* 충분히 큰 값으로 설정 */
  padding: 12px 16px;     /* 위아래 여백 추가 */
}

/* 회사소개_차별점 */
.feature_wrap { width: 100%; margin: 3rem auto; overflow: hidden}
.feature_wrap li { width: 100%; float: left; background: #ffffff; margin: 0.7rem 0}

.feature-item {
    display: flex;
    align-items: flex-start; /* 아이콘과 텍스트 상단 정렬 */
    gap: 2rem;             /* 아이콘-텍스트 간 간격 */
    padding: 2rem;
	flex-direction: column;
  }

.feature-icon img {
  display: block;
  width: 100px;
  height: 100px;
  object-fit: contain;
}

.feature-text h3 {
  margin: 0 0 1rem 0;
  font-size: 1.8rem;
  line-height: 1.4;
  font-weight: 600;
  color: #333333;
  letter-spacing: -1px;
}

.feature-text p {
  margin: 8px 0 0;
  font-size: 1.1rem;
  line-height: 1.6;
  color: #555;
}

.feature-text p span { font-weight: 700; }
	
/*매칭대행 동의*/
.apply_wrap {  float: left; padding: 0 ; margin-bottom: 1rem}
.apply_wrap .okimg{background: url("/images/common/icon_ok.png") no-repeat 0 50%/1.3rem; font-weight: 600; font-size: 1.1rem; margin: 0; padding-left: 1.6rem}
.btn_red2 { border-radius: 5px; color:#f75454; background:#ffffff url("/images/common/icon_apply.png") no-repeat 10% 50%/1.4rem; font-weight: 500; text-align:center; box-sizing: border-box; padding: 1rem; font-size:1rem; padding-left: 3rem}
.btn_black2 { border-radius: 5px; color:#ffffff; background:#333333 url("/images/common/icon_cancel.png") no-repeat 10% 50%/1.4rem; font-weight: 500; text-align:center; box-sizing: border-box; padding: 0.8rem 1rem; font-size:1rem; padding-left: 3rem;}

/*가입만남절차*/
.timeline {
  position: relative;
  margin: 3rem 0 0 0;
  padding: 0;
}
.timeline::before {
  content: '';
  position: absolute;
  left: 55px;
  top: 0;
  bottom: 0;
  width: 2px;
  background-image: repeating-linear-gradient(
    to bottom,
    #ccc,
    #ccc 4px,
    transparent 4px,
    transparent 8px
  );
}
.timeline-item {
  position: relative;
  margin-bottom: 2rem;
}
.timeline-item:last-child { margin-bottom: 0 !important; }
.timeline_marker {
  position: absolute;
  left: 0;
  top: 0;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: #ff5757;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1.1em;
  border: 10px solid #f5f5f5;
}
.timeline_content {
  margin-left: 130px;
  padding: 1rem 0 0 0;
}
.timeline_content h3 {
  margin: 0 0 1rem 0;
  font-size: 1.4rem;
  font-weight: 700;
}
.timeline_content p {
  margin: 0.5em 0;
  line-height: 1.5;
  font-size: 1.1rem;
  color: #555;
}
.timeline_content p span{ 
  font-size: 1.1rem;
  color: #333333;
  font-weight: 700;
}

	
/*매칭절차*/
.step_flow {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 2rem 0;
}
	
 /* 3개씩 정확히 나오게, 줄바꿈용 엘리먼트 보이기 */
  .step_break {
    display: block;
    flex-basis: 100%;
    width: 0;
    height: 0;
  }

/* 원(circle) */
.step_circle {
  position: relative;
  width: 7.8rem;
  height: 7.8rem;
  margin: -0.4rem -1.2rem;
  border-radius: 50%;
  background: #fff;
  color: #F75454;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 1.1rem;
  line-height: 1.4;
  padding: 0 10px;
  font-weight: 700;
  box-sizing: border-box;
}

/* 첫 번째 원은 겹침 제거 */
.step_circle:first-child {
  margin-left: -1.2rem;
}
	
/* 빨간 원 */
.step_circle.red {
  background: #F75454;
  color: #fff;
}

/* 화살표 이미지 */
.step_arrow {
  width: 2rem !important;                   /* 필요에 맞게 조절 */
  height: auto;
  margin: 0;               /* 양쪽 원 사이 중앙 정렬 용 */
  flex-shrink: 0;
  z-index: 999;
}
.step_arrow img {
  width: 100%;
}

/* 모바일 두 번째 줄 첫째(3번째) 화살표 숨기기 */
.step_arrow:nth-of-type(3) {
  display: none;
}
	
/*비교테이블*/
.table_box { clear: both; width: 100%; overflow: hidden; margin: 2rem 0 0 0; }
.table_box .table_title { clear: both; width: 100%; display: flex; justify-content: space-between; align-items: center}
.table_box .table_title .gray {  width: 40%; text-align: center; padding: 1rem 0; background: #8d8d8d; font-size: 1.1rem; font-weight: 600; color: #ffffff; box-sizing: border-box}
.table_box .table_title .vs { display: none}
.table_box .table_title .red {  width: 60%; text-align: center; padding: 1rem 0; background: #f75454; font-size: 1.1rem; font-weight: 600; color: #ffffff; box-sizing: border-box}

.table_box .table_txt{ clear: both; width: 100%; display: flex; align-items: top; border: 1px solid #eaeaea; border-top: none; box-sizing: border-box}
.table_box .table_txt .vs_m { display: block;  text-align: left; padding: 0 0 1rem 0; font-size: 0.8rem; font-weight: 400; color: #8d8d8d; box-sizing: border-box; text-decoration-line: underline; text-underline-offset: 5px; text-decoration-thickness: 1px}
.table_box .table_txt .gray { width: 40%; text-align: left; padding: 1rem 0.5rem; font-size: 1rem; font-weight: 300; color: #3a3a3a; box-sizing: border-box; border-bottom:none}
.table_box .table_txt .vs { display: none}
.table_box .table_txt .red { width: 60%; text-align: left; padding: 1rem 0.5rem; font-size: 1rem; font-weight: 600; color: #333333; box-sizing: border-box; border-left: 1px solid #eaeaea; border-bottom:none}
.table_box .table_txt .blackline { border-bottom: 1px solid #333333 }
	
/*가입가능대상*/
.eligibility { clear: both; width: 100%; float: left; margin: 0}
.eligibility ul { width: 100%; display: flex; flex-direction: row; justify-content:  flex-start; align-items: stretch; flex-wrap: wrap}
.eligibility li {width: 50%; margin: 1.5rem 0}
.eligibility li p {text-align: center; margin-bottom: 1rem}
.eligibility li img { width: 6rem}
.eligibility li dt { font-size: 1.1rem; font-weight: 400; color: #333333; text-align: center; margin-bottom: 0.5rem}
.eligibility li dd { font-size: 1.1rem; font-weight: 600; color: #f75454; text-align: center }

/*제출해야 할 서류 테이블*/
.submission-table {
    width: 100%;
    border-collapse: collapse;
    margin: 30px 0;
  }
  .submission-table th,
  .submission-table td {
    border: 1px solid #ddd;
    padding: 0.6rem;
    vertical-align: top;
    text-align: left;
	font-size: 1rem;
	line-height: 1.4;
  }
  .submission-table th {
    background-color: #333;
    color: #fff;
    font-weight: 600;
	font-size: 1rem;
	text-align: center
  }
  .submission-table tbody th { text-align: center; background-color: #ffffff; font-size: 1rem; font-weight: 600; color: #333333}

  .submission-table th:first-child { width: 25%; }
  .submission-table th:nth-child(2) { width: 25%; }
  .submission-table th:nth-child(3) { width: 50%; }
  .submission-btn {
    display: inline-block;
    margin-top: 8px;
    padding: 4px 8px;
    font-size: 0.9rem;
    color: #333;
    background-color: #fff;
    border: 1px solid #333;
    border-radius: 4px;
    cursor: pointer;
  }
  .submission-text-red {
    color: #e60000;
  }

/*사진 등록 시 유의사항*/
.guide-section {
      display: flex;
      justify-content: center;
	  flex-direction: column;
      gap: 10px;
      padding: 20px 0;
    }

    /* 카드 공통 스타일 */
    .photo-card {
      background: #fff;
      border-radius: 12px;
      padding: 2rem 0.5rem 1rem 0.5rem;
      width: 100%;
      max-width: 100%;
      box-sizing: border-box;
      text-align: center;
    }
    .photo-card h3 {
      margin: 2rem 0 1.5rem;
      font-size: 2rem;
      font-weight: 600;
      color: #333;
    }

    /* 원형 이미지 래퍼 */
    .photo-card .photo-wrap {
      position: relative;
      width: 90%;
      height: 90%;
      margin: 0 auto;
      background-color: #faf2e8;
      border-radius: 50%;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .photo-card .photo-wrap img {
      width: 100%;
      height: auto;
    }
    /* 리스트 스타일 */
    .photo-card .list-wrap {
	  display: flex;
      align-items: center;
      justify-content: center;
	  flex-direction: column;
     }
    .photo-card ul {
      list-style: none;
      padding: 0;
      margin: 0;
      text-align: left;
	  
    }
    .photo-card li {
      margin-bottom: 1rem;
      font-size: 1.1rem;
      line-height: 1.4;
      color: #555;
      position: relative;
      padding-left: 1.6rem;
    }
    /* X 아이콘 */
    .avoid li {
      background: url("/images/service/icon_avoid.png") no-repeat left 50%/1.1rem;
    }
    /* ✔ 아이콘 */
    .recommend li {
      background: url("/images/service/icon_recommend.png") no-repeat left 50%/1.2rem;
    }

	
/*매칭비용*/
.matching-fee-list {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  padding: 3rem 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
}

.matching-fee-list li {
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 5px;
  padding: 2rem 0.5rem;
  text-align: center;
  flex: 0 1 calc((100% - 1 * 15px) / 2);
  /* 100%에서 모바일 gap(1칸×20px) 제외 후 2등분 */
  min-width: 0;
}

.matching-fee-list img {
  display: block;
  margin: 0 auto;
  width: 5rem;
}

.matching-fee-list .label-small {
  display: block;
  margin-top: 1.5rem;
  font-size: 1.2rem;
  color: #bcbcbc;
}

.matching-fee-list .label-large {
  display: block;
  margin-top: 0.5rem;
  font-size: 1.7rem;
  font-weight: 700;
  color: #333333;
}

/* 비용 항목만 빨간색 */
.matching-fee-list li.cost .label-large {
  color: #e60000;
}
	
}