/*공용*/
em{ font-weight:normal; font-style:normal; }
.inner_box {width:1240px;margin:0 auto; overflow:hidden;position:relative; }
.clearfix:after{content:"";display:block;clear:both;}

.cont_n{width: 100%; margin: 192px 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.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; }
.bt_boxwarp_100 {width:100%; clear: both; display: flex; align-items: center; justify-content: center; gap: 10px}

.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:24px; }
.sub_bt li.blue a {color:#fff; background:#00cbcb; font-weight: 600}
.sub_bt li.violet a {color:#fff; background:#7000d8; font-weight: 600}
.sub_bt li.black a {color:#fff; background:#333333; font-weight: 600}

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

.bt_white {color:#333333; background:#ffffff; border: 1px solid #e1e1e1; font-weight: 400; text-align:center; box-sizing: border-box; padding:3px 10px; font-size:20px;}
.bt_white:hover { cursor: pointer}

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

.bt_white_border {color:#333333; background:#ffffff; border: 1px solid #cccccc; font-weight: 600; text-align:center; box-sizing: border-box; padding:19px 100px; font-size:24px; }
.bt_white_border:hover { cursor: pointer}

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

.btn_white { border-radius: 5px; color:#333333; background:#ffffff; border: 1px solid #333333; font-weight: 600; text-align:center; box-sizing: border-box; padding:19px 0; font-size:24px; }
.btn_black { border-radius: 5px; color:#ffffff; background:#333333; font-weight: 600; text-align:center; box-sizing: border-box; padding:19px 0; font-size:24px; }
.btn_violet { border-radius: 5px; color:#ffffff; background:#7000d8; font-weight: 600; text-align:center; box-sizing: border-box; padding:19px 0; font-size:24px; }
	
/* form100 공통 */
.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 { line-height:45px; display:block; overflow:hidden; height:30px; padding:10px 20px; background:#fff; border-radius:5px; border:1px solid #d5d5d5}
.int input { color:#444444; font-size:22px; line-height:30px; width:100%; height:30px; border:none; outline: none; background:#fff;}
.int select { color:#444444; font-size:22px; line-height:30px; width:100%; height:30px; border:none; outline: none; background:#fff ;}

.input_wrap .disabled {width: 100%; font-size: 22px; color: #9e9e9e; text-align: left; font-weight: 400; border: 1px solid #d4d4d4; background: #f8f8f8; padding: 9px 12px; height: 52px; box-sizing: border-box; border-radius: 3px}
.input_wrap .disabled input { color:#444444; font-size:22px; line-height:30px; width:100%; height:30px; border:none; outline: none; background:#f8f8f8;}

.input_wrap_type3 {margin-right:107px}

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

/* form 공통 */
.input_100 {width: 100%; font-size: 22px; 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:800; 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}
.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/n_titleimg01.jpg") no-repeat ; background-size: cover }
.sub_top.sub02_01 { background: url("/images/common/n_titleimg02.jpg") no-repeat ; background-size: cover }
.sub_top.sub03_01 { background: url("/images/common/n_titleimg03.jpg") no-repeat ; background-size: cover }
.sub_top.sub04_01 { background: url("/images/common/n_titleimg04.jpg") no-repeat ; background-size: cover }
.sub_top.sub05_01 { background: url("/images/common/n_titleimg05.jpg") no-repeat ; background-size: cover }
.sub_top.sub06_01 { background: url("/images/common/n_titleimg06.jpg") no-repeat ; background-size: cover }
.sub_top.sub07_01 { background: url("/images/common/n_titleimg07.jpg") no-repeat ; background-size: cover }
.sub_top.sub08_01 { background: url("/images/common/n_titleimg08.jpg") no-repeat ; background-size: cover }
.sub_top.sub09_01 { background: url("/images/common/n_titleimg09.jpg") no-repeat ; background-size: cover }
.sub_top.sub10_01 { background: url("/images/common/n_titleimg10.jpg") no-repeat ; background-size: cover }
.sub_top.sub11_01 { background: url("/images/common/n_titleimg11.jpg") no-repeat ; background-size: cover }
.sub_top.sub12_01 { background: url("/images/common/n_titleimg12.jpg") no-repeat ; background-size: cover }
.sub_top.sub13_01 { background: url("/images/common/n_titleimg13.jpg") no-repeat ; background-size: cover }
.sub_top.sub14_01 { background: url("/images/common/n_titleimg14.jpg") no-repeat ; background-size: cover }
.sub_top.sub15_01 { background: url("/images/common/n_titleimg15.jpg") no-repeat ; background-size: cover }

/*서브 소메뉴*/
.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 {width: 16.6666%; 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:#7000d8; font-weight: 600; cursor: pointer; text-decoration-line: underline; text-underline-offset: 25px; text-decoration-thickness: 5px;}
.sub_s_menu li.on {color:#7000d8; 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:#7000d8; font-weight: 600; cursor: pointer; text-decoration-line: underline; text-underline-offset: 25px; text-decoration-thickness: 5px;}
.sub_s_menu2 li.on {color:#7000d8; 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:#7000d8; font-weight: 600; cursor: pointer; text-decoration-line: underline; text-underline-offset: 25px; text-decoration-thickness: 5px;}
.sub_s_menu5 li.on {color:#7000d8; font-weight: 600; text-decoration-line: underline; text-underline-offset: 26px; text-decoration-thickness: 5px; }

.sub_s_menu7 {width: 100%; clear: both; }
.sub_s_menu7 ul { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center;}
.sub_s_menu7 li {width: 14.28571428%; text-align: center; padding:21px 0; font-size:24px; line-height:38px; color:#333333; box-sizing: border-box; font-weight: 400;}
.sub_s_menu7 li:hover { color:#7000d8; font-weight: 600; cursor: pointer; text-decoration-line: underline; text-underline-offset: 25px; text-decoration-thickness: 5px;}
.sub_s_menu7 li.on {color:#7000d8; 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:22px; 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:#7000d8;}
.sub_tab li.on a {color:#fff; background:#7000d8; font-weight: 600}

.event_tab {width: 100%; clear: both; border: 1px solid #d4d4d4; box-sizing: border-box}
.event_tab ul { width: 100%;}
.event_tab li{ display: block; text-align: center; padding:17px 0; font-size:22px; line-height:38px; color:#989898; background:#ffffff; box-sizing: border-box; font-weight: 400; border-right: 1px solid #d4d4d4; }
.event_tab li:last-child { border-right: none}
.event_tab li:hover {color:#fff; background:#7000d8; cursor: pointer}
.event_tab li.on {color:#fff; background:#7000d8; font-weight: 600}

.photo_tab {width: 100%; clear: both; border: 1px solid #d4d4d4; border-bottom: none; border-right: none; box-sizing: border-box}
.photo_tab li { display: block; text-align: center; padding:17px 0; font-size:22px; line-height:38px; color:#989898; background:#ffffff; box-sizing: border-box; font-weight: 400; border-right: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; }
.photo_tab li:hover {color:#fff; background:#7000d8; cursor: pointer}
.photo_tab li.on {color:#fff; background:#7000d8; font-weight: 600}

.utv_tab { width: 100%; clear: both; box-sizing: border-box; margin-top: 40px; }
.utv_tab ul { display: grid; grid-template-columns: repeat(auto-fill, minmax(10%, auto)); gap : 7px; grid-gap : 7px; align-items: stretch; justify-items: stretch; justify-content: stretch}
.utv_tab li { text-align: center; padding:10px 0; font-size:22px; line-height: 26px; color:#989898; background:#f0f0f0; font-weight: 400; box-sizing: border-box; }
.utv_tab li:hover {color:#fff; background:#333333; cursor: pointer; box-sizing: border-box}
.utv_tab li.on {color:#fff; background:#333333; font-weight: 600; box-sizing: border-box}

.utv_tab2 { width: 100%; clear: both; box-sizing: border-box; margin-top: 40px; }
.utv_tab2 ul { display: flex; gap : 7px}
.utv_tab2 li { display: block; text-align: center; padding:10px 0; font-size:22px; color:#989898; background:#f0f0f0; font-weight: 400; box-sizing: border-box; }
.utv_tab2 li:hover {color:#fff; background:#333333; cursor: pointer; box-sizing: border-box}
.utv_tab2 li.on {color:#fff; background:#333333; font-weight: 600; box-sizing: border-box}

/*검색*/
.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; box-sizing: border-box; border-radius: 3px; width: 120px}
.search .searchbt:hover { cursor: pointer}

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

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

.content.bgimg01,.content0.bgimg01,.content_120b.bgimg01,.content_120t.bgimg01 { background: #2d2e33 url("/images/common/bgimg01.jpg") no-repeat ; background-size: cover; }
.content.bgimg02,.content0.bgimg02,.content_120b.bgimg02,.content_120t.bgimg02 { background: #2d2e33 url("/images/common/bgimg02.jpg") no-repeat ; background-size: cover; }
.content.bgimg03,.content0.bgimg03,.content_120b.bgimg03,.content_120t.bgimg03 { background: #2d2e33 url("/images/common/bgimg03.jpg") no-repeat ; background-size: cover; }
.content.bgimg03_02,.content0.bgimg03_02,.content_120b.bgimg03_02,.content_120t.bgimg03_02 { background: #2d2e33 url("/images/common/bgimg03_02.jpg") no-repeat ; background-size: cover; }
.content.bgimg04,.content0.bgimg04,.content_120b.bgimg04,.content_120t.bgimg04 { background: #2d2e33 url("/images/common/bgimg04.jpg") no-repeat ; background-size: cover; }
.content.bgimg05,.content0.bgimg05,.content_120b.bgimg05,.content_120t.bgimg05 { background: #2d2e33 url("/images/common/bgimg05.jpg") no-repeat ; background-size: cover; }
.content.bgimg05_02,.content0.bgimg05_02,.content_120b.bgimg05_02,.content_120t.bgimg05_02 { background: #2d2e33 url("/images/common/bgimg05_02.jpg") no-repeat ; background-size: cover; }
.content.bgimg06,.content0.bgimg06,.content_120b.bgimg06,.content_120t.bgimg06 { background: #2d2e33 url("/images/common/bgimg06.jpg") no-repeat ; background-size: cover; }
.content.bgimg06_02,.content0.bgimg06_02,.content_120b.bgimg06_02,.content_120t.bgimg06_02 { background: #2d2e33 url("/images/common/bgimg06_02.jpg") no-repeat ; background-size: cover; }
.content.bgimg07,.content0.bgimg07,.content_120b.bgimg07,.content_120t.bgimg07 { background: #2d2e33 url("/images/common/bgimg07.jpg") no-repeat ; background-size: cover; }
.content.bgimg08,.content0.bgimg08,.content_120b.bgimg08,.content_120t.bgimg08 { background: #2d2e33 url("/images/common/bgimg08.jpg") no-repeat ; background-size: cover; }
.content.bgimg09,.content0.bgimg09,.content_120b.bgimg09,.content_120t.bgimg09 { background: #2d2e33 url("/images/common/bgimg09.jpg") no-repeat ; background-size: cover; }
.content.bgimg10,.content0.bgimg10,.content_120b.bgimg10,.content_120t.bgimg10 { background: #2d2e33 url("/images/common/bgimg10.jpg") no-repeat ; background-size: cover; }
.content.bgimg11,.content0.bgimg11,.content_120b.bgimg11,.content_120t.bgimg11 { background: #2d2e33 url("/images/common/bgimg11.jpg") no-repeat ; background-size: cover; }
.content.bgimg12,.content0.bgimg12,.content_120b.bgimg12,.content_120t.bgimg12 { background: #2d2e33 url("/images/common/bgimg12.jpg") no-repeat ; background-size: cover; }

/*서브 텍스트 공통*/
.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; line-height: 100%}
.sub_title h3 { margin-bottom:20px; font-size:55px; line-height:80px; 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:26px; line-height:38px; margin:25px 0; text-align: center; text-transform: uppercase}
.sub_title span { font-weight: 700 ; }
.sub_title .pointviolet{ background: #7000d8; 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: #7000d8; font-size: 30px; color: #ffffff; font-weight: 800; padding: 2px 10px; }
.markviolet24 { background: #7000d8; font-size: 24px; color: #ffffff; font-weight: 600; padding: 4px 10px; line-height: 2.6rem}
.markviolet30 {  background: #7000d8; font-size: 30px; color: #ffffff; font-weight: 600; padding: 5px 10px; line-height: 3rem;}
.markviolet45 {  background: #7000d8; font-size: 45px; color: #ffffff; font-weight: 600; padding: 5px 10px; line-height: 4rem;}

.markgray22 {  background: #333333; font-size: 22px; color: #ffffff; font-weight: 500; padding: 6px 10px; line-height: 2.8rem;}
.markgray30 {  background: #333333; font-size: 30px; color: #ffffff; font-weight: 600; padding: 5px 10px; line-height: 3rem;}

.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}

.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}

.sub_title .fs60 { margin-bottom:20px; font-size:60px; letter-spacing: -1px; line-height: 120%}
.sub_title .fs26 { display:block; font-size:26px; line-height:38px; margin:0 0 25px 0; text-align: center; text-transform: uppercase}
.sub_title .fs36 { display:block; font-size:36px; line-height:38px; margin:0 0 25px 0; text-align: center; text-transform: uppercase}
.sub_title .fs45 { margin-bottom:20px; font-size:45px; line-height:60px; font-weight: 700; letter-spacing: -1px}

.sub_txt {text-align:left;}
.sub_txt.right {text-align:right;}
.sub_txt.center {text-align:center;}
.sub_txt { font-weight:400; font-size:22px; line-height:38px; margin:25px 0; color: #333333 ; letter-spacing: -1px}
.sub_txt_m0 { font-weight:400; font-size:22px; line-height:38px; margin:0; color: #333333 ; letter-spacing: -1px}
.sub_txt span,.sub_txt_m0 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: #7000d8 }

.sub_txt_line { font-weight:400; font-size:22px; 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:22px; line-height:38px; color: #7000d8 ; 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: 800; padding: 4px 10px; line-height: 2.6rem}

/*좌측 텍스트 공통*/
.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:22px; 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:22px; 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_circle {width: 100%; margin-top: 10px}
.sub_txt_circle li { width: 100%;  padding: 7px 0; box-sizing: border-box}
.sub_txt_circle li:nth-child { margin-bottom: 0; }
.sub_txt_circle li dt { width: 28px; height: 28px;  background: #333333; font-weight:600; color: #ffffff ; font-size:16px; text-align: center; float: left; border-radius: 15px; line-height: 26px}
.sub_txt_circle li dd { padding: 0 0 0 38px; font-weight:400; color: #333333 ; font-size:22px; }
.sub_txt_circle li dd span { font-weight:800;}

/*서브 line 공통*/
.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 #7000d8; 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_width80 { width: 80%}
.sub_box_white { background: #ffffff; box-sizing: border-box; padding: 40px 0; font-size: 26px; margin: 50px auto 30px auto; color: #333333; font-weight: 600; text-align: center; line-height: 2.7rem}
.sub_box_white .point { color: #7000d8; font-weight: 800}
.sub_box_white_dot { background: #ffffff; border: 1px dashed #d5d5d5; 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_circle { clear: both; width: 100%; float: left; margin: 30px 0 60px 0}
.sub_circle ul { margin: 0 auto; }
.sub_circle li { background: #7000d8 ;  border-radius: 50%; width: 20rem; height: 20rem; opacity: 5; float: left; box-sizing: border-box; margin: 0 10px}
.sub_circle li p { font-size: 24px; font-weight: 500; color: #ffffff; text-align: center; }

.sub_circle4 { clear: both; width: 100%; float: left; margin: 30px 0 60px 0}
.sub_circle4 ul { margin: 0 auto }
.sub_circle4 li { background: #7000d8 ;  border-radius: 50%; width: 18rem; height: 18rem; opacity: 5; float: left; box-sizing: border-box; margin: 0 10px}
.sub_circle4 li p { font-size: 24px; font-weight: 500; color: #ffffff; text-align: center; }
.sub_circle4 li.graybg { background: #333333 ;  color: #ffffff; }
.sub_circle4 li.whitebg { background: #ffffff ;  color: #333333; }
.sub_circle4 li.whitebg p{ background: #ffffff ;  color: #333333; }

.sub_circle4_2 { clear: both; width: 100%; float: left; margin: 20px 0}
.sub_circle4_2 ul { margin: 0 auto }
.sub_circle4_2 li { background: #7000d8 ;  border-radius: 50%; width: 17rem; height: 17rem; opacity: 5; float: left; box-sizing: border-box; margin: 0 10px}
.sub_circle4_2 li p { font-size: 24px; font-weight: 500; color: #ffffff; text-align: center; }
.sub_circle4_2 li.graybg { background: #333333 ;  color: #ffffff; }
.sub_circle4_2 li.whitebg { background: #ffffff ;  color: #333333; }
.sub_circle4_2 li.whitebg p{ background: #ffffff ;  color: #333333; }

.sub_circle5 { clear: both; width: 100%; float: left; margin: 30px 0 60px 0}
.sub_circle5 ul { margin: 0 auto; }
.sub_circle5 li { background: #7000d8 ;  border-radius: 50%; width: 14rem; height: 14rem; opacity: 5; float: left; box-sizing: border-box; margin: 0 5px}
.sub_circle5 li p { font-size: 24px; font-weight: 500; color: #ffffff; text-align: center; }
.sub_circle5 li.whitebg { background: #ffffff ;  color: #333333; }
.sub_circle5 li.whitebg p{ background: #ffffff ;  color: #333333; }

.sub_circle2 { clear: both; width: 100%; float: left; margin: 30px 0 60px 0}
.sub_circle2 ul { margin: 0 auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center}
.sub_circle2 li { border-radius: 50%; width: 25rem; height: 25rem; opacity: 5; box-sizing: border-box; margin: 20px; text-align: center;}
.sub_circle2 li.violetbg { background: #7000d8 ; color: #ffffff; }
.sub_circle2 li.wfitebg { background: #ffffff ;  color: #222222; }
.sub_circle2 li dt { width: 100%; float: left; clear: both; font-size: 36px; font-weight: 800; text-align: center; text-decoration-line: underline; text-underline-offset: 15px; text-decoration-thickness: 3px; margin-top: 20px}
.sub_circle2 li dd { width: 100%; font-size: 24px; font-weight: 500; line-height: 2.5rem}

.sub_circle4_step { clear: both; width: 100%; float: left; margin: 30px 0 60px 0}
.sub_circle4_step ul { margin: 0 auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center}
.sub_circle4_step li { border-radius: 50%; width: 18rem; height: 18rem; opacity: 5; box-sizing: border-box; margin: 0 10px; text-align: center;}
.sub_circle4_step li.violetbg { background: #7000d8 ; color: #ffffff; }
.sub_circle4_step li.wfitebg { background: #ffffff ;  color: #222222; }
.sub_circle4_step li dt { width: 100%; float: left; clear: both; font-size: 36px; font-weight: 800; text-align: center; text-decoration-line: underline; text-underline-offset: 15px; text-decoration-thickness: 3px; margin-top: 20px}
.sub_circle4_step li dd { width: 100%; font-size: 24px; font-weight: 500; line-height: 2.5rem}

/*서브 원_대음순콜라겐주사 효과*/
.sub_circle3_p { clear: both; width: 100%; float: left; margin: 30px 0}
.sub_circle3_p ul { margin: 0 auto; display: flex; flex-direction: row; justify-content: center; align-item: center}
.sub_circle3_p li {  box-sizing: border-box; margin: 0 10px}
.sub_circle3_p li p { font-size: 24px; font-weight: 500; text-align: center; }
.sub_circle3_p li.violetbg { background: #7000d8 ; color: #ffffff; border-radius: 50%; width: 21rem; height: 21rem; opacity: 5;}
.sub_circle3_p li.whitebg { background: #ffffff ;  color: #222222; border-radius: 50%; width: 21rem; height: 21rem; opacity: 5; border: 1px solid #c1c1c1; box-sizing: border-box}
.sub_circle3_p .plus { font-size: 100px; font-weight: 900; color: #ffffff}
.sub_circle3_p .arrow { font-size: 50px; font-weight: 900; color: #7000d8}
.sub_circle3_p li dt { width: 100%; float: left; clear: both; font-size: 36px; font-weight: 800; text-align: center; text-decoration-line: underline; text-underline-offset: 15px; text-decoration-thickness: 3px; margin-top: 20px}
.sub_circle3_p li dd { width: 100%; font-size: 22px; font-weight: 500; line-height: 2.5rem; text-align: center}

/*서브 중간흰색박스 공통*/
.sub_tbox { clear: both; width: 100%; margin: 0 auto; float: left;  }
.sub_tbox ul { width: 100%; }
.sub_tbox li { float: left; width: 100%; margin: 0 auto 20px auto; padding: 60px; background: #ffffff; border-radius: 20px; box-sizing: border-box}
.sub_tbox li:last-child { margin: 0}
.sub_tbox .txt_red { font-size: 22px; font-weight: 700; line-height: 2.5rem; color: #f20700 }
.sub_tbox .txt_blue { font-size: 22px; font-weight: 700; line-height: 2.5rem; color: #1b76e7 }

.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: 20px; box-sizing: border-box}
.sub_tbox2 li:last-child { margin: 0}
.additionaltxt {font-size: 26px; color: #333333; font-weight: 500 }

/*서브 중간흰색박스 안 이미지 공통*/
.sub_tbox_img { clear: both; width: 100%; overflow: hidden; padding: 20px 0 }
.sub_tbox_img dl { width: 490px; float: left}
.sub_tbox_img dt { text-align: center; margin-bottom: 20px }
.sub_tbox_img dd { clear: both; overflow: hidden; text-align: center; font-size: 22px; }
.sub_tbox_img .off {  background: #f0f0f0; color: #333333; font-weight: 600; padding: 10px; margin: 10px auto; width: 200px;}
.sub_tbox_img .on {  background: #7000d8; color: #ffffff; font-weight: 600; padding: 10px;margin: 10px auto; width: 200px; }
.sub_tbox_img .arrow { padding: 0 20px}

.sub_tbox3_img { clear: both; width: 100%; overflow: hidden; padding: 0 }
.sub_tbox3_img dl { width: 30%; float: left}
.sub_tbox3_img dt { text-align: center; margin-bottom: 20px }
.sub_tbox3_img dd { clear: both; overflow: hidden; text-align: center; font-size: 22px; line-height: 1.5}
.sub_tbox3_img dd p {  font-size: 22px; line-height: 1.5}
.sub_tbox3_img .off {  background: #f0f0f0; color: #333333; font-weight: 600; padding: 10px; margin: 10px auto; width: 150px;}
.sub_tbox3_img .on {  background: #7000d8; color: #ffffff; font-weight: 600; padding: 10px;margin: 10px auto; width: 150px; }
.sub_tbox3_img .arrow { padding:  0 20px}
.sub_tbox3_img .arrow img { width: 2rem; margin-top: -3rem}

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

/*서브 중간흰색박스 좌측이미지 우측 설명 공통*/
.sub_tbox_img3 { clear: both; width: 100%; overflow: hidden; display: flex; }
.sub_tbox_img3 .leftimg { width: 50%; float: left}
.sub_tbox_img3 .righttxt { width: 50%; float: right; padding: 0 ; 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: 700; color: #333333; line-height: 3rem; margin : 20px 0}

/*서브 중간 검정배경 안 흰색박스 우측*/
.sub_dark_wbg { width: 620px; float: right}
.sub_dark_wbg ul { width: 100%;}
.sub_dark_wbg li { width: 100%; background: #ffffff; padding: 35px 20px; margin-bottom: 10px; font-size: 26px; color: #333333; font-weight: 500; text-align: center; box-sizing: border-box}
.sub_dark_wbg li:nth-child { margin-bottom: 0; }

.sub_dark_wbg2 { clear: both; width: 100%; margin: 30px 0; display: flex; align-content: center; align-items: center}
.sub_dark_wbg2 span{ margin: 0 auto; background: #ffffff; padding: 25px; font-size: 24px; color: #333333; font-weight: 700; text-align: center; box-sizing: border-box; line-height: 100%}

/*서브 중간 검정배경 안 흰색박스 가운데*/
.sub_dark_wbg_c { width: 620px; clear: both; margin: 50px auto; overflow: hidden}
.sub_dark_wbg_c ul { width: 100%;}
.sub_dark_wbg_c li { width: 100%; background: #ffffff; padding: 35px 0 35px 80px; margin-bottom: 10px; font-size: 26px; color: #333333; font-weight: 500; text-align: left; line-height: 100%; display: flex; align-items: center; justify-content: flex-start; flex-direction: row; box-sizing: border-box}
.sub_dark_wbg_c li:nth-child { margin-bottom: 0; }
.sub_dark_wbg_c li .chenkbox {width: 18px; height: 18px; border: 5px solid #7000d8; margin-right: 15px }

.sub_dark_wbg_c2 { width: 800px; clear: both; margin: 50px auto; overflow: hidden}
.sub_dark_wbg_c2 ul { width: 100%;}
.sub_dark_wbg_c2 li { width: 100%; background: #ffffff; padding: 30px 0 30px 40px; margin-bottom: 10px; font-size: 24px; color: #333333; font-weight: 500; text-align: left; line-height: 34px; display: flex; align-items: center; justify-content: flex-start; flex-direction: row; box-sizing: border-box}
.sub_dark_wbg_c2 li:nth-child { margin-bottom: 0; }
.sub_dark_wbg_c2 li .chenkbox {width: 18px; height: 18px; border: 5px solid #7000d8; margin-right: 15px }

/*서브 중간 검정배경 안 보라제목 + 흰색박스*/
.sub_dark_fwbg { clear: both; width: 100%; float: left; margin: 30px 0}
.sub_dark_fwbg ul { margin: 0 auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}
.sub_dark_fwbg li { border-radius: 50%; width: 23rem; opacity: 5; box-sizing: border-box; margin: 20px; text-align: center; }
.sub_dark_fwbg li dt { width: 100%; background: #7000d8 ; color: #ffffff; float: left; clear: both; font-size: 26px; font-weight: 800; text-align: center;  padding: 2.5rem 1rem; box-sizing: border-box }
.sub_dark_fwbg li dd { width: 100%; background: #ffffff ;  color: #222222; font-size: 22px; font-weight: 500; line-height: 2rem; padding: 3rem 1rem; box-sizing: border-box}
.sub_dark_fwbg li dd span { font-weight: 800; }

.sub_dark_fwbg2 { clear: both; width: 100%; float: left; margin: 30px 0}
.sub_dark_fwbg2 ul { margin: 0 auto; display: flex; justify-content: center; align-items: center}
.sub_dark_fwbg2 li { border-radius: 50%; float: left; opacity: 5; box-sizing: border-box; margin: 20px; text-align: center; }
.sub_dark_fwbg2 li dt { width: 20rem; background: #7000d8 ; color: #ffffff; float: left; clear: both; font-size: 26px; font-weight: 800; text-align: center;  padding: 2rem 1rem; box-sizing: border-box }
.sub_dark_fwbg2 li dd { width: 100%; background: #ffffff ;  color: #222222; font-size: 22px; font-weight: 500; line-height: 2rem; padding: 2.5rem 1rem; box-sizing: border-box}

/*서브 중간 흰색배경 안 보라제목 + 흰색박스*/
.sub_white_fwbg { clear: both; width: 100%; float: left; margin: 0}
.sub_white_fwbg ul { margin: 0 auto; display: flex;  justify-content: space-between;}
.sub_white_fwbg li { width: 31.5%; opacity: 5; margin: 0; text-align: center; box-sizing: border-box; padding: 0;  }
.sub_white_fwbg li dt { width: 100%; background: #7000d8 ; color: #ffffff; float: left; clear: both; font-size: 26px; font-weight: 800; text-align: center; padding: 30px 15px; box-sizing: border-box}
.sub_white_fwbg li dd { width: 100%; background: #ffffff ;  color: #222222;float: left; clear: both; font-size: 22px; font-weight: 600; line-height: 2.5rem; border: 1px solid #cecece; padding: 40px 10px; box-sizing: border-box}

/*검정제목 + 흰색박스 + 회색라인*/
.sub_fwbg_grayline { clear: both; width: 100%; float: left; margin: 0}
.sub_fwbg_grayline ul { margin: 0 auto; display: flex;  justify-content: space-between;}
.sub_fwbg_grayline li { width: 31.5%; opacity: 5; margin: 0; text-align: center; box-sizing: border-box; padding: 0;  }
.sub_fwbg_grayline li dt { width: 100%; background: #333333 ; color: #ffffff; float: left; clear: both; font-size: 26px; font-weight: 800; text-align: center; padding: 30px 15px; box-sizing: border-box}
.sub_fwbg_grayline li dd { width: 100%; background: #ffffff ;  color: #222222;float: left; clear: both; font-size: 22px; font-weight: 400; line-height: 2.2rem; border: 1px solid #cecece; padding: 40px 10px; box-sizing: border-box}

/*시술과정 하단 회색 경고박스*/
.processbox_g { clear: both; width: 85%; margin: 0 auto; border: 10px solid #f0f0f0; padding: 2% 3%; box-sizing: border-box; overflow: hidden; display: flex}
.processbox_g ul { margin: 0 auto;  width: 100%; }
.processbox_g li { width: 100%; float: left; box-sizing: border-box; padding: 8px 8px 8px 35px; border-bottom: 1px dashed #c5c5c5; font-size: 22px; font-weight: 400; line-height: 2.5rem; background: url("/images/n_pudenda/n_pudenda_img19_icon.png") no-repeat left 50%}
.processbox_g li:last-child { border: none}

.processbox_g_100 { clear: both; width: 98%; margin: 0 auto; border: 10px solid #ff0000; padding: 2% 3%; box-sizing: border-box; overflow: hidden; display: flex}
.processbox_g_100 ul { margin: 0 auto;  width: 45%; }
.processbox_g_100 li { width: 100%; float: left; box-sizing: border-box; padding: 8px 8px 8px 35px; border-bottom: 1px dashed #c5c5c5; font-size: 24px; font-weight: 400; line-height: 2.5rem; background: url("/images/n_pudenda/n_pudenda_img_icon_red.png") no-repeat left 50%}
.processbox_g_100 li:last-child { border: none}

/*줄기세포주사 효과*/
.cell_shot { clear: both; width: 100%; float: left; padding: 30px 0}
.cell_shot ul { margin: 0 auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}
.cell_shot li { border-radius: 5px; background: #ffffff; width: 23%;  box-sizing: border-box; margin: 1%; text-align: center; padding: 3rem 0 }
.cell_shot li dt { width: 100%; text-align: center}
.cell_shot li dt img { width: auto; text-align: center}
.cell_shot li dd { width: 100%; background: #ffffff ;  color: #333333; font-size: 26px; font-weight: 700; line-height: 2rem; padding: 2rem 0 0 0; box-sizing: border-box}

/*다양한 질막 상태*/
.circleimg1 { clear: both; overflow: hidden; float: left; margin: 50px 0 }
.circleimg1 dl { clear: both; width: 100%;}
.circleimg1 dt { text-align: center; margin-bottom: 20px; border-radius: 50%; background: #ffffff; }
.circleimg1 dd { clear: both; overflow: hidden; text-align: center; font-size: 22px; background: #7000d8; color: #ffffff; font-weight: 600; padding: 10px;margin: 10px auto; width: 200px; }

.circleimg2 { clear: both; width: 100%; margin: 20px 0 0 0; padding-bottom: 60px; display: flex; justify-content: space-between;}
.circleimg2 ul { margin: 0 auto;  width: 100%;}
.circleimg2 li { border-radius: 50%; width: 18rem; height: 18rem; opacity: 5; float: left; box-sizing: border-box; margin: 0 10px}
.circleimg2 dl { width: 100%; float: left}
.circleimg2 dt { text-align: center; margin-bottom: 20px; border-radius: 50%; background: #ffffff;}
.circleimg2 dd { clear: both; overflow: hidden; text-align: center; font-size: 22px; color: #ffffff; font-weight: 400; padding: 10px;margin: 10px auto;  }


/*라인애니메이션*/
.line {
	height:0px;
  	width:1px;
  	border-bottom:1px solid #000;
  	animation: ani1 1s 1 forwards;
	position: absolute;
	top:100px;
	left: 0;
	transform: rotate(45deg)
}
@keyframes ani1 {
    100% {
        width: 300px;
		top:100px;
		left: -45;
		transform: rotate(45deg)
    }
}
.line2 {
	height:0px;
  	width:1px;
  	border-bottom:1px solid #000;
  	animation: ani2 1s 1 forwards;
	position: absolute;
	top:150px
}
@keyframes ani2 {
    100% {
        width: 600px;		
    }
}

.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;}

/*이미지배경 애니메이션*/
.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: 820px; margin:  0 auto; overflow: hidden}
.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; }
.imgani_img_warp4 .imgani_img2 {	z-index: 1;	transition: all 0.8s ease !important; transform: scale(1.2); position: absolute; }

/*수술전후*/
.before_after  { clear: both; width: 1240px; overflow: hidden; margin: 50px 0}
.before_after .before dl { width: 537px; float: left; }
.before_after .before dt { text-align: center; border: 1px solid #d2d2d2; box-sizing: border-box}
.before_after .before dd { width: 100%;margin: 0 auto; text-align: center; padding: 15px; font-size: 22px; background: #f0f0f0; color: #acacac; font-weight: 600; border: 1px solid #d2d2d2; border-top: none; box-sizing: border-box}
.before_after .after dl { width: 537px; float: left; }
.before_after .after dt { text-align: center; border: 1px solid #7000d8; box-sizing: border-box}
.before_after .after dd { width: 100%; margin: 0 auto; text-align: center; padding: 15px; font-size: 22px; background: #7000d8; color: #ffffff; font-weight: 600; border: 1px solid #7000d8; border-top: none; box-sizing: border-box}
.before_after .arrow { padding: 0 50px}

/*질벽이 노화될 경우 오는 현상*/
.stepage { clear: both; width: 100%; overflow: hidden; margin: 50px 0; padding: 50px 20px; background: #ffffff; border-radius: 20px; box-sizing: border-box}
.stepage ul { width: 100%; display: flex; justify-content: center; align-items: center}
.stepage ul li { float: left}
.stepage ul li dt { width: 100%;}
.stepage ul li dd { width: 100%; color: #333333; font-size: 24px; font-weight: 600; text-align: center}

/*동일크기 박스두개*/
.boxplus2  { clear: both; width: 100%; overflow: hidden; margin: 50px 0}
.boxplus2 .left dl { width: 43%; float: left; }
.boxplus2 .left dt { text-align: center; border: 1px solid #d2d2d2; box-sizing: border-box}
.boxplus2 .left dd { width: 100%;margin: 0 auto; text-align: center; padding: 15px; font-size: 26px; background: #333333; color: #ffffff; font-weight: 600; border: 1px solid #d2d2d2; border-top: none; box-sizing: border-box}
.boxplus2 .right dl { width: 43%; float: left; }
.boxplus2 .right dt { text-align: center; border: 1px solid #d2d2d2; box-sizing: border-box}
.boxplus2 .right dd { width: 100%; margin: 0 auto; text-align: center; padding: 15px; font-size: 26px; background: #333333; color: #ffffff; font-weight: 600; border: 1px solid #d2d2d2; border-top: none; box-sizing: border-box}
.boxplus2 .plus { padding: 0 20px; text-align: center; font-size: 100px; font-weight: 700}
.boxplus2 img { width: 100%}

/*체크리스트*/
.sub_checklist { clear: both; width: 100%; float: left; margin: 0}
.sub_checklist ul { float: left; margin: 30px auto; width: 100%; }
.sub_checklist li { background: #f0f0f0 url("/images/n_pudenda/checklist_icon.png") no-repeat 5% 50%; opacity: 5; float: left; box-sizing: border-box; margin: 13px 1%; padding: 25px; width: 48%}
.sub_checklist li p { font-size: 24px; font-weight: 400; color: #333333; text-align: left; text-indent: 50px }

/*상표권*/
.rolling_box { position: relative; bottom: -165px !important; }
.rolling_txt { position: absolute; left: 0px; bottom: 0; z-index: 1; color: #ffffff; font-size: 260px; letter-spacing: normal; font-weight: 800; opacity: 5%; width: 100%; }

/*장비*/
.technology {clear: both; width: 100%; overflow: hidden; margin: 50px 0 0 0;}
.technology li { width: 596px; float: left; margin: 30px 0 ; }
.technology li:nth-child(2n){width: 596px; float: right}
.technology li dl { width: 596px}
.technology li dl img { border: 1px solid #dfdfdf; width: 100%; text-align: center; box-sizing: border-box}
.technology li dt { width: 100%; text-align: center; color: #333333; font-size: 30px; font-weight: 600; padding: 23px 0 15px 0}
.technology li dd { width: 100%; text-align: center; color: #666666; font-size: 22px; font-weight: 400; line-height: 2.2rem}

/*특별함*/
.in_special {clear: both; width: 100%; overflow: hidden; margin: 50px 0 0 0}
.in_special ul {width: 100%; display: flex; align-items: flex-start; flex-direction: row; justify-content: space-between}
.in_special li { width: 48.5%; margin: 0; }
.in_special li dl { width: 100%}
.in_special li dl img { width: 100%; text-align: center; box-sizing: border-box}
.in_special li dt { width: 100%; text-align: center; color: #333333; font-size: 22px; font-weight: 600; padding: 23px 0 10px 0}
.in_special li dd { width: 100%; text-align: center; color: #666666; font-size: 20px; font-weight: 400; line-height: 2.2rem}

.in_special3 {clear: both; width: 100%; overflow: hidden; margin: 50px 0 0 0}
.in_special3 ul {width: 100%; display: flex; align-items: flex-start; flex-direction: row; justify-content: space-between}
.in_special3 li { width: 31.5%; margin: 0; }
.in_special3 li dl { width: 100%}
.in_special3 li dl img { width: 100%; text-align: center; box-sizing: border-box}
.in_special3 li dt { width: 100%; text-align: center; color: #333333; font-size: 22px; font-weight: 600; padding: 23px 0 10px 0}
.in_special3 li dd { width: 100%; text-align: center; color: #666666; font-size: 20px; font-weight: 400; line-height: 2.2rem}

.in_special4 {clear: both; width: 100%; overflow: hidden; margin: 50px 0 0 0}
.in_special4 ul {width: 100%; display: flex; align-items: flex-start; flex-direction: row; justify-content: space-between;}
.in_special4 li { width: 23.5%; margin: 0; }
.in_special4 li dl { width: 100%}
.in_special4 li dl img { width: 100%; text-align: center; box-sizing: border-box}
.in_special4 li dt { width: 100%; text-align: center; color: #333333; font-size: 22px; font-weight: 600; padding: 23px 0 10px 0}
.in_special4 li dd { width: 100%; text-align: center; color: #666666; font-size: 20px; font-weight: 400; line-height: 2.2rem}

/*비교테이블*/
.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: #8d8d8d; box-sizing: border-box}
.table_box .table_title .violet {  width: 40%; text-align: center; padding: 30px; background: #7000d8; 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: #8d8d8d; box-sizing: border-box}
.table_box .table_txt .violet { 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 }

.table_box2 { clear: both; width: 100%; overflow: hidden; margin: 50px 0; border: 1px solid #d5d5d5; box-sizing: border-box}
.table_box2 .table_title { clear: both; width: 100%; display: flex; justify-content: space-between; align-items: center}
.table_box2 .table_title .gray {  width: 620px; text-align: center; padding: 30px; background: #333333; font-size: 34px; font-weight: 600; color: #ffffff; box-sizing: border-box}
.table_box2 .table_title .violet {  width: 620px; text-align: center; padding: 30px; background: #7000d8; font-size: 34px; font-weight: 600; color: #ffffff; box-sizing: border-box}

.table_box2 .table_txt{ clear: both; width: 100%; display: flex; justify-content: space-between; align-items: center}
.table_box2 .table_txt .gray { width: 620px; text-align: center; padding: 40px 0; font-size: 22px; font-weight: 600; color: #333333; box-sizing: border-box; border-bottom: 1px solid #d5d5d5; line-height: 2.5rem }
.table_box2 .table_txt .violet { width: 620px; text-align: center; padding: 40px 0; font-size: 22px; font-weight: 600; color: #333333; box-sizing: border-box; border-right: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; line-height: 2.5rem }
.table_box2 .table_txt .blackline { border-bottom: 1px solid #333333 }
.table_box2 .table_txt span { font-weight: 400}

.table_box3 { clear: both; width: 100%; overflow: hidden; margin: 30px 0 0 0; border: 1px solid #d5d5d5; box-sizing: border-box}
.table_box3 .table_title { clear: both; width: 100%; display: flex; justify-content: space-between; align-items: center}
.table_box3 .table_title .gray {  width: 50%; text-align: center; padding: 20px; background: #333333; font-size: 26px; line-height: 2.2rem; font-weight: 600; color: #ffffff; box-sizing: border-box}
.table_box3 .table_title .violet {  width: 50%; text-align: center; padding: 20px; background: #7000d8; font-size: 26px; line-height: 2.2rem; font-weight: 600; color: #ffffff; box-sizing: border-box}

.table_box3 .table_txt{ clear: both; width: 100%; display: flex; justify-content: space-between; align-items: center}
.table_box3 .table_txt .gray { width: 50%; text-align: center; padding: 15px 0; font-size: 22px; font-weight: 500; color: #333333; box-sizing: border-box; border-bottom: 1px solid #d5d5d5; line-height: 2.5rem }
.table_box3 .table_txt .violet { width: 50%; text-align: center; padding: 15px 0; font-size: 22px; font-weight: 500; color: #333333; box-sizing: border-box; border-right: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; line-height: 2.5rem }
.table_box3 .table_txt .blackline { border-bottom: 1px solid #333333 }
.table_box3 .table_txt .pointtxt{  font-weight: 800; color: #7000d8}

/*검사테이블*/
table, thead, tbody, td, th {font-family: "Noto Sans KR", sans-serif !important; word-break: keep-all; letter-spacing: -1px}
.table_checkup {width: 100%; clear:both; border-collapse:collapse; border-top:2px solid #333333; border-bottom:2px solid #333333; margin-top: 30px }
.table_checkup caption{display:none}
.table_checkup thead td { background:#f6edff; padding: 26px 0px; text-align: center; font-size: 26px ; color:#7000d8; font-weight: 600; border :1px solid #d5d5d5;}
.table_checkup thead th { background:#f6edff; padding: 26px 0px; text-align: center; font-size: 26px ; color:#7000d8; font-weight: 600; border :1px solid #d5d5d5;}
.table_checkup tbody th { background:#ffffff; padding: 22px 0px; font-size: 22px; text-align: center;  border :1px solid #d5d5d5 ; color:#333333; font-weight: 400}
.table_checkup tbody td {padding: 22px 0 ; text-align: center; font-size: 22px; color: #333333;  border :1px solid #d5d5d5; line-height:30px; font-weight: 400}

/*비급영항목 테이블*/
.table_non_payment {width: 100%; clear:both; border-collapse:collapse; border-top:2px solid #333333; border-bottom:2px solid #333333; margin-top: 30px }
.table_non_payment caption{display:none}
.table_non_payment thead td { background:#f6edff; padding: 12px 5px; text-align: center; font-size: 18px ; color:#7000d8; font-weight: 600; border :1px solid #d5d5d5;}
.table_non_payment thead th { background:#f6edff; padding: 12px 5px; text-align: center; font-size: 18px ; color:#7000d8; font-weight: 600; border :1px solid #d5d5d5;}
.table_non_payment tbody th { background:#ffffff; padding: 12px 5px; font-size: 18px; text-align: center;  border :1px solid #d5d5d5 ; color:#333333; font-weight: 400}
.table_non_payment tbody td {padding: 12px 5px ; text-align: center; font-size: 18px; color: #333333;  border :1px solid #d5d5d5; line-height:24px; font-weight: 400}

/*비급여항목 검색*/
.non_payment {width: 100%; display: flex; align-items: center; flex-direction: row; justify-content: flex-end}
.non_payment input { width: 66%; 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}
.non_payment select { width: 15%; 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}
.non_payment .searchbt {float: right; background: #333333; font-size: 21px; color: #ffffff; text-align: center; padding: 13px; box-sizing: border-box; border-radius: 3px; width: 120px}
.non_payment .searchbt:hover { cursor: pointer}

/*Q&A*/
.qa_box { clear: both; width: 1240px; overflow: hidden; margin: 80px 0 50px 0; border-bottom: 1px solid #333333; border-top: 1px solid #333333}
.qa_box ul { width: 100%}
.qa_box li { width: 100%; float: left}

.qa_box li dt { display: flex; align-items: stretch; font-size: 22px; padding: 25px; box-sizing: border-box; color: #333333; font-weight: 700}
.qa_box li dt .txt{ width: 100%; clear: both; line-height: 2.2rem }
.qa_box li dt .qtxt { padding-right: 10px; line-height: 2.2rem}

.qa_box li dd { display: flex; align-items: stretch; background: #f7f7f7; border-bottom: 1px solid #dddddd; padding: 25px 25px 25px 58px; box-sizing: border-box; font-size: 22px}
.qa_box li dd .txt{ width: 100%; clear: both; color: #333333; font-weight: 400; line-height: 2.2rem}
.qa_box li dd .atxt { color: #7000d8; padding-right: 10px; font-weight: 700; line-height: 2.2rem}

/*수술시술과정*/
.subProcess { clear: both; width: 100%; float: left; margin: 60px 0 20px 0}
.subProcess ul { width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.subProcess li {width: 25%; }
.subProcess li p {text-align: center; margin-bottom: 30px}
.subProcess li dt { font-size: 24px; font-weight: 400; color: #333333; text-align: center; margin-bottom: 15px}
.subProcess li dd { font-size: 24px; font-weight: 600; color: #7000d8; text-align: center }

/*접종일정*/
.subProcess2 { clear: both; width: 100%; float: left; margin: 60px 0 0 0}
.subProcess2 ul { width: 100%; display: flex; flex-direction: row; align-items:flex-start; justify-content: space-around}
.subProcess2 li .title { font-size: 24px; font-weight: 400; color: #333333; text-align: left; margin-bottom: 15px}
.subProcess2 li .txt { font-size: 24px; font-weight: 600; color: #7000d8; text-align: left; line-height: 2.3rem }

/*3가지 카트리지 사용*/
.subimg3txt { clear: both; width: 100%; float: left; margin: 20px 0}
.subimg3txt ul { width: 100%; display: flex; justify-content: space-between !important; align-items: center;}
.subimg3txt li { padding: 0 !important; margin: 0 !important }
.subimg3txt li dt {  margin-bottom: 15px; text-align: center}
.subimg3txt li dd { font-size: 22px; font-weight: 400; color: #333333; text-align: center; line-height: 2rem }
.subimg3txt li dd span {font-weight: 800;}

/*360도 회전 가능한 팁*/
.subimg3txt2 { clear: both; width: 100%; float: left; margin: 20px 0}
.subimg3txt2 ul { width: 100%; display: flex; justify-content: space-between !important; align-items: center;}
.subimg3txt2 li { padding: 0 !important; margin: 0 !important }
.subimg3txt2 li dt {  margin-bottom: 15px; text-align: center}
.subimg3txt2 li dd { font-size: 22px; font-weight: 600;  text-align: center; margin-top: 20px}
.subimg3txt2 li .gray span{background: #f0f0f0; color: #333333; padding: 5px 20px; float: none}
.subimg3txt2 li .violet span{background: #7000d8; color: #ffffff; padding: 5px 20px; float: none}

/*이벤트 박스*/
.eventbox { clear: both; width: 100%; float: left; margin: 40px 0 0 0}
.eventbox ul { width: 100%; display: flex; flex-direction: row; align-items: flex-start; flex-wrap: wrap}
.eventbox li { float: left; width: 391px; border: 1px solid #e1e1e1; box-sizing: border-box; padding: 15px; margin: 15px 34px 15px 0}
.eventbox li:nth-child(3){ float: left; width: 390px; border: 1px solid #e1e1e1; box-sizing: border-box; padding: 15px; margin: 15px 0}
.eventbox li:nth-child(6){ float: left; width: 390px; border: 1px solid #e1e1e1; box-sizing: border-box; padding: 15px; margin: 15px 0}
.eventbox li:nth-child(9){ float: left; width: 390px; border: 1px solid #e1e1e1; box-sizing: border-box; padding: 15px; margin: 15px 0}
.eventbox li:nth-child(12){ float: left; width: 390px; border: 1px solid #e1e1e1; box-sizing: border-box; padding: 15px; margin: 15px 0}
.eventbox li:nth-child(15){ float: left; width: 390px; border: 1px solid #e1e1e1; box-sizing: border-box; padding: 15px; margin: 15px 0}
.eventbox li:nth-child(18){ float: left; width: 390px; border: 1px solid #e1e1e1; box-sizing: border-box; padding: 15px; margin: 15px 0}
.eventbox li:nth-child(21){ float: left; width: 390px; border: 1px solid #e1e1e1; box-sizing: border-box; padding: 15px; margin: 15px 0}
.eventbox li:nth-child(24){ float: left; width: 390px; border: 1px solid #e1e1e1; box-sizing: border-box; padding: 15px; margin: 15px 0}
.eventbox li:nth-child(27){ float: left; width: 390px; border: 1px solid #e1e1e1; box-sizing: border-box; padding: 15px; margin: 15px 0}
.eventbox li:hover { cursor: pointer; border: 1px solid #cc95ff}
.eventbox li dl {width: 100%; padding: 15px 0}
.eventbox li dt { width: 100%; font-size: 26px; color: #333333;  text-align: center; font-weight: 400}
.eventbox li dd { width: 100%; font-size: 50px; color: #333333;  text-align: center; font-weight: 800; line-height: 130%}
.eventbox li .thum img{ width: 100%}
.eventbox li .viewbt{ background: url("/images/n_community/viewicon.png") no-repeat 62% 48%; width: 100%; padding: 12px; border: 1px solid #d5d5d5; border-radius: 5px; color: #333333; font-size: 20px;  text-align: center; font-family: 'Roboto', 'Noto Sans KR', sans-serif; font-weight: 700; box-sizing: border-box ; background-size: 5%}
.eventbox li .viewbtoff{ background: #f8f8f8 url("/images/n_community/viewicon_off.png") no-repeat 62% 48%; width: 100%; padding: 12px; border: 1px solid #d5d5d5; border-radius: 5px; color: #cecece; font-size: 20px;  text-align: center; font-family: 'Roboto', 'Noto Sans KR', sans-serif; font-weight: 700; box-sizing: border-box ; background-size: 5%}


/*이벤트 내용*/
.eventview { clear: both; width: 100%; float: left; margin: 55px 0 30px 0; border-bottom: 1px solid #d4d4d4}
.eventview .title { clear: both; width: 100%; float: left; font-size: 36px; color: #333333;  text-align: left; font-weight: 800; line-height: 130%}
.eventview .date { 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}
.eventview .view { clear: both; width: 100%; text-align: center; padding: 100px 0; box-sizing: border-box; overflow: hidden; font-size: 22px ; color:#333333; font-weight: 400}
.eventview .txt { clear: both; width: 100%; font-size: 22px; color: #333333; font-weight: 400; text-align: center; box-sizing: border-box; overflow: hidden; padding: 60px 0; }
.eventview .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: 26px}

.event_apply { clear: both; width: 100%; float: left; margin: 0; background: #f7f7f7; padding: 70px; box-sizing: border-box; margin-bottom:40px}
.event_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}
.event_apply ul { width: 100%; display: flex; flex-direction: column; }
.event_apply li { width: 100%; margin: 10px 0}
.event_apply dl { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end}
.event_apply dt {width: 15%; font-size: 22px; color: #333333; text-align: left; font-weight: 600; line-height: 45px}
.event_apply dd { width: 85%; display: block; margin-bottom: 5px}
.event_apply dd input {width: 80%; font-size: 22px; color: #333333; text-align: left; font-weight: 400; border: 1px solid #d5d5d5; background: #ffffff; padding: 12px; box-sizing: border-box; border-radius: 3px}
.event_apply dd .applybt {float: right; background: #333333; font-size: 22px; color: #ffffff; text-align: center; padding: 13px; box-sizing: border-box; border-radius: 3px; width: 165px}
.event_apply dd .applybt:hover { cursor: pointer}

.event_apply2 { clear: both; width: 100%; float: left; background: #f7f7f7; padding: 0 80px ; box-sizing: border-box; margin:40px 0 80px 0}
.event_apply2 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}
.event_apply2 ul { width: 100%; display: flex; flex-direction: column; }
.event_apply2 li { width: 100%; margin: 10px 0}
.event_apply2 dl { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end}
.event_apply2 dt {width: 15%; font-size: 22px; color: #333333; text-align: left; font-weight: 600; line-height: 45px}
.event_apply2 dd { width: 85%; display: block; margin-bottom: 5px}
.event_apply2 dd input {width: 80%; font-size: 22px; color: #333333; text-align: left; font-weight: 400; border: 1px solid #d5d5d5; background: #ffffff; padding: 12px; box-sizing: border-box; border-radius: 3px}
.event_apply2 dd .applybt {float: right; background: #333333; font-size: 22px; color: #ffffff; text-align: center; padding: 13px; box-sizing: border-box; border-radius: 3px; width: 160px}
.event_apply2 dd .applybt:hover { 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: 22px; color: #333333; text-align: left; font-weight: 600; line-height: 50px}
.online_apply dd { width: 85%; display: block; margin-bottom: 5px}
.online_apply dd input {width: 83%; font-size: 22px; 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 .w50 { display: flex; flex-direction: row; align-items: center; justify-content: space-between}
.online_apply .w50 input, .w50 select{ width: 33%; font-size: 22px; 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: 22px; 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: 22px; 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 .applybt {float: right; background: #333333; font-size: 22px; 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: 22px; 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}

.event_agree {clear: both; width: 100%; text-align: center; vertical-align: middle; margin: 10px auto; font-size: 22px; padding: 20px 0; color: #333333;}
.event_agree .checkbox input{ width: 18px; height: 18px}

/* 이벤트상담신청 */
.event_popapply { clear: both; width: 100%; float: left; margin: 0; background: #f7f7f7; padding: 50px; box-sizing: border-box;}
.event_popapply h4{ clear: both; width: 100%; float: left; font-size: 38px; color: #333333;  text-align: left; font-weight: 800; border-bottom: 1px solid #333333; margin-bottom: 30px; padding: 0 0 20px 0}
.event_popapply ul { width: 100%; display: flex; flex-direction: column; }
.event_popapply li { width: 100%; margin: 5px 0}
.event_popapply dl { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end}
.event_popapply dt {width: 24%; font-size: 21px; color: #333333; text-align: left; font-weight: 600; line-height: 45px}
.event_popapply dd { width: 76%; display: block; margin-bottom: 5px}
.event_popapply dd input {width: 70%; 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}
.event_popapply dd .applybt {float: right; background: #333333; font-size: 21px; color: #ffffff; text-align: center; padding: 13px; box-sizing: border-box; border-radius: 3px; width: 120px}
.event_popapply dd .applybt:hover { cursor: pointer}
.event_popapply .event_agree {clear: both; width: 100%; text-align: center; vertical-align: middle; margin: 10px auto; font-size: 21px; padding: 10px 0; color: #333333;}


/* 이벤트게시판 공유하기 */
.event_popapply .share { width: 100%; clear: both; margin: 0 auto; overflow: hidden; text-align: center}
.event_popapply .share img { width:25%; text-align: center}
.event_popapply .share input {width: 100%; 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}

/* 약도 전송하기 */
.map_send { width: 80%; clear: both; margin: 0 auto; overflow: hidden; text-align: center; padding: 50px}
.map_send h4{ clear: both; width: 100%; float: left; font-size: 40px; color: #333333;  text-align: center; font-weight: 900; margin: 20px 0;}
.map_send .txt{ clear: both; width: 100%; float: left; font-size: 22px; color: #333333;  text-align: center; font-weight: 400; margin: 0 0 30px 0; }
.map_send img { width:25%; text-align: center}
.map_send input {width: 100%; font-size: 22px; color: #333333; text-align: left; font-weight: 400; border: 1px solid #d5d5d5; background: #ffffff; padding: 12px; box-sizing: border-box; border-radius: 3px}



/* 로그인 */
.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: #7000d8; font-size: 22px; 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: 22px; 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: 27px; font-size: 22px; 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: 35px; font-size: 22px; 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}
.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: 22px; 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: 22px; 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: 22px; color: #333333; font-weight: 400;line-height: 38px; letter-spacing: -1px; box-sizing: border-box; padding: 25px 0; text-align: center}
.idpw .txtbg { background: #f4f4f4; padding: 30px 10px; text-align: center; margin-top: 10px}
.idpw .txtbg2 { 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 h4{ clear: both; width: 100%; font-size: 30px; color: #333333;  text-align: left; font-weight: 700; margin: 4rem 0 1rem 0}
.join textarea {width: 100%; font-size: 18px; line-height: 30px; color: #949494; text-align: left; font-weight: 400; border: 1px solid #d5d5d5; background: #ffffff; padding: 12px; box-sizing: border-box; border-radius: 3px;}
.join label { display: flex; align-items: center; font-size:20px; font-weight: 400; margin: 1rem 0; gap:10px}
.join .checkbox input{ width: 16px; height: 16px}
.join .allagree { width: 100%; background: #f0f0f0; border: 1px solid #d5d5d5; box-sizing: border-box; margin: 4rem 0 2rem 0}
.join .allagree label { display: flex; align-items: center; justify-content: center; text-align: center; font-size:26px; font-weight: 800; padding: 1rem 0;}
.join .allagree .checkbox input{ width: 22px; height: 22px}

.join_apply { clear: both; width: 800px; margin: 0 auto; overflow: hidden; padding: 40px 0 0 0; box-sizing: border-box; border-top: 1px solid #333333; }
.join_apply h4{ clear: both; width: 100%; float: left; font-size: 30px; color: #333333;  text-align: left; font-weight: 800; border-bottom: 1px solid #333333; margin-bottom: 40px; padding: 0 0 20px 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: 22px; color: #333333; text-align: left; font-weight: 600; line-height: 50px}
.join_apply dd { width: 78%; display: block; margin-bottom: 5px; font-size: 22px; color: #333333; text-align: left; font-weight: 400; }
.join_apply dd .txt { padding: 5px 0; line-height: 50px; color: #7000d8; font-weight: 600;}
.join_apply dd input {width: 83%; font-size: 22px; 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 .disabled input {width: 100%; font-size: 22px; 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}

.join_apply .w50 { display: flex; flex-direction: row; align-items: center; justify-content: space-between}
.join_apply .w50 input, .w50 select{ width: 32.5%; font-size: 22px; 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 {width: 100%; font-size: 22px; 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: 22px; 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 .applybt {float: right; background: #333333; font-size: 22px; 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: #7000d8; font-size: 22px; 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}

.join_apply .radio { width: 100%; background: #f4f4f4; padding: 30px 20px; margin: 10px 0; display: flex; flex-direction: column; font-size: 22px; 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;}
.join_end .txt { font-size: 22px; 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:22px; font-weight: 700; padding: 1rem 0; ; gap :10px}
.join_agree .allagree .checkbox input{ width: 22px; height: 22px}
.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}

/* 마이페이지_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: 22px; 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: 600; 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: 600; text-align:center; box-sizing: border-box; padding:15px 30px; font-size:20px; }
.my_sns dd .btn_violet { border-radius: 5px; color:#ffffff; background:#7000d8; font-weight: 600; 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: 22px; color: #333333; text-align: left; font-weight: 400; line-height: 50px; margin: 5px 0}
.my_marketing dd { width: 100%; display: block; font-size: 22px; color: #333333; text-align: left; font-weight: 400; padding: 5px 0}
.my_marketing dd input {width: 86%; font-size: 22px; 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 .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: 22px; 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: 22px; 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: 22px; 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: 22px; 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: 22px; 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: 22px; font-weight: 400; color: #666666; line-height: 40px; text-align: center; }

/*영상으로 알아가는*/
.swiper-subVideo_p {display: block}
.swiper-subVideo_m {display: none}

.subVideo{ display:flex;align-items:center; margin: 60px 0 30px 0; width: 100%; }
.subVideo .swiper-slide:hover {cursor: pointer}
.subVideo .swiper-slide {
	  padding-bottom: 40px;
      text-align: center;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      width: 42%;
	  margin: 0 auto;
    }

@media all and (max-width:1000px) and (min-width:0px) {	
.swiper-subVideo_p {display: none}
.swiper-subVideo_m {display: block}
.subVideo{ display:flex;align-items:center; margin: 7vw 0 5vw 0; width: 100%}
.subVideo  .swiper-slide {
      text-align: center;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      width: 100%;
    }
}

/*치료사례*/
.subCase { clear: both; width: 100%; float: left; margin: 60px 0 0 0}
.subCase dl { width: 100%; display: flex; flex-direction: column; align-items: center;}
.subCase dt { width: 100%; padding: 20px; background: #f0f0f0; border: 1px solid #cecece; font-size: 22px; font-weight: 600; color: #333333; text-align: center; box-sizing: border-box}
.subCase dd { width: 100%;}

/*오시는길*/
.map_wrap_n { width: 100% !important; float: left }
.map_wrap_n .wrap_controllers {display: none!important}
.map_wrap_n .root_daum_roughmap {width:100% !important;}

.adress_box { clear: both; width: 100%; float: left; padding: 60px; text-align: center; border: 15px solid #f1f1f1; box-sizing: border-box}
.adress_box .adresstxt { width: 100%; font-size: 30px; font-weight: 500; color: #333333; text-align: center; }
.adress_box .teltxt { width: 100%; font-size: 55px; font-weight: 900; color: #7000d8; text-align: center; line-height: 6rem}
.adress_box .teltxt_s { width: 100%; font-size: 24px; font-weight: 400; color: #333333; text-align: center; }
.adress_box .teltxt_s span { font-weight: 700;}

.adressbt_wrap { clear: both; display: flex; flex-direction: row; justify-content: center; margin-top: 30px}
.adressbt_wrap .btmap { background: #333333 url("/images/n_community/viewicon_white.png") no-repeat 90% 50%; padding: 20px 90px 20px 20px; border-radius: 5px; color: #ffffff; font-size: 22px;  text-align: left; font-weight: 600; box-sizing: border-box ; background-size: 8%; margin: 0 5px;}
.adressbt_wrap .btkako { background: #ffde00 url("/images/n_community/viewicon.png") no-repeat 90% 50%; padding: 20px 90px 20px 20px; border-radius: 5px; color: #333333; font-size: 22px;  text-align: left; font-weight: 600; box-sizing: border-box ; background-size: 8%; margin: 0 5px}
.adressbt_wrap .btmap,.btkako  { cursor: pointer}

.subway_title { background: url("/images/n_introduction/icon_subway.png") no-repeat left 50%; background-size: 47px; margin-bottom:20px; font-size:45px; line-height:60px; font-weight: 700; letter-spacing: -1px; padding-left: 60px}
.parking_title { background: url("/images/n_introduction/icon_parking.png") no-repeat left 50%; background-size: 47px; margin-bottom:20px; font-size:45px; line-height:60px; font-weight: 700; letter-spacing: -1px; padding-left: 60px}

/*진료안내*/
.clinical_guide { width: 550px; float: right; background: #ffffff; padding: 50px; box-sizing: border-box}
.clinical_guide h3 { font-size: 50px; font-weight: 400; color: #333333; text-align: center; line-height: 4rem; margin-bottom: 10px}
.clinical_guide h3 span { font-weight: 800; }
.clinical_guide ul { width: 100%;}
.clinical_guide li { width: 100%; padding: 20px 0; font-size: 22px; color: #333333; font-weight: 400; text-align: left; box-sizing: border-box; border-bottom: 1px dashed #333333; }
.clinical_guide li:last-child{ margin-bottom: 0; border-bottom: none; padding: 20px 0 0 0}
.clinical_guide li .tit {font-weight: 800; }
.clinical_guide li .tel { font-size: 45px; font-weight: 900; color: #7000d8; margin-bottom: 15px }
.clinical_guide li dl { display: flex; flex-wrap: wrap;}
.clinical_guide li dt { font-size: 22px; color: #333333; font-weight: 400; text-align: left; width: 50%; padding: 4px 0}
.clinical_guide li dd { font-size: 22px; color: #333333; font-weight: 800; text-align: left; padding: 4px 0}
.clinical_guide li .stit {font-size: 18px; color: #333333; font-weight: 400; text-align: left; }

/*의료진소개*/
.medical_staff h2 { font-size: 36px; color: #333333; font-weight: 400; line-height: 100%; margin-bottom: 25px}
.medical_staff h3 { margin-bottom:20px; font-size:70px; line-height:5rem; font-weight: 900; letter-spacing: -1px;}
.medical_staff h4 { margin-bottom:20px; font-size:26px; line-height:60px; font-weight: 800; letter-spacing: -1px; margin-top: 100px}
.medical_staff li { float: left; width: 100%; font-weight:400; display:block; font-size:22px; line-height:38px; margin:8px 0; text-align: left;}


/*하단공통*/
.scaleimgBox { clear: both; width: 100%; margin: 30px 0 130px 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/n_surgery/scaleimg01.png") no-repeat}
.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: 546px; background: url("/images/n_surgery/scaleimg02.png") no-repeat}
.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: 546px; background: url("/images/n_surgery/scaleimg03.png") no-repeat}
.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 .scaleimg4 {width: 100%; height: 546px; background: url("/images/n_surgery/scaleimg04.png") no-repeat}
.scaleimg .scaleimg4: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: 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%}

/*게시판 기본 테이블*/
.board_list {width: 100%; clear:both; border-collapse:collapse; border-top:2px solid #333333; border-bottom:1px solid #ececec; margin-top: 30px }
.board_list caption{display:none}
.board_list tr {border-bottom :1px solid #ececec; }
.board_list thead td { background:#ffffff; padding: 20px 15px; text-align: center; font-size: 22px ; color:#333333; font-weight: 600; }
.board_list thead th { background:#ffffff; padding: 20px 15px; text-align: center; font-size: 22px ; color:#333333; font-weight: 600;}
.board_list tbody th { background:#ffffff; padding: 20px 15px; font-size: 22px; text-align: center; color:#333333; font-weight: 400}
.board_list tbody td {padding: 20px 15px ; text-align: left; font-size: 22px; color: #333333; line-height:28px; font-weight: 400}
.board_list tbody tr:hover { cursor: pointer}
.board_list .noticetxt {background: #7000d8; color: #ffffff; font-size: 20px; text-align: center; padding: 2px 6px; margin-right: 5px; border-radius: 3px}
.board_list .icon_end {background: #333333; color: #ffffff; font-size: 20px; text-align: center; padding: 4px 12px; border-radius: 5px}
.board_list .icon_wait {background: #bbbbbb; color: #ffffff; font-size: 20px; text-align: center; padding: 4px 12px; border-radius: 5px}

/*게시판 기본 상세*/
.board_view { clear: both; width: 100%; display: flex; margin: 0; border-bottom: 1px solid #d4d4d4; 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;}
.board_view .title2 { clear: both; width: 100%; float: left; font-size: 36px; color: #333333;  text-align: left; font-weight: 800; line-height: 130%}
.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 .view { clear: both; width: 100%; text-align: center; padding: 60px 0; box-sizing: border-box; overflow: hidden; font-size: 22px ; color:#333333; font-weight: 400}
.board_view .txt { clear: both; width: 100%; font-size: 22px; 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: 26px}

/*게시판 리스트 전후사진*/
.image_list_container { display: flex; }
.image_list_container .before_image { position: relative; margin-right: 1px;}
.image_list_container img { width: 139px; height: 99px; object-fit: cover;}
.image_list_container .image_txt { background: #484848; color: #ffffff; font-size: 16px; padding: 5px 0; text-align: center; width: 100%; letter-spacing: normal}

/*게시판 상세 전후사진*/
.image_view_comparison { display: flex; justify-content: center; align-items: center; margin: 60px 0 20px 0;}
.image_view_container { position: relative; margin: 0 1; }
.image_view_container img { width: 100%; height: auto;}
.image_view_container .beforetxt { background: #b6b6b6; color: #ffffff; font-size: 22px; padding: 20px 10px; box-sizing: border-box; text-align: center; width: 100%; }
.image_view_container .aftertxt { background: #7000d8; color: #ffffff; font-size: 22px; padding: 20px 10px; box-sizing: border-box; text-align: center; width: 100%; }

/*게시판 상세 하단 전후사진*/
.image_bottom_list { margin-top: 100px; width: 100%; position: relative;  display: flex; flex-wrap: wrap; justify-content: space-between;}
.image_bottom_list .image_box { position: relative; width: 48.5%; margin: 20px 0; }
.image_bottom_list .caption { width: 100%; font-size: 22px; font-weight: 600; text-align: center; border: 1px solid #ddd; padding: 20px 5px; box-sizing: border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.image_bottom_list .image_comparison { display: flex; align-items: center; justify-content: space-between; width: 100%;}
.image_bottom_list .image_comparison img { width: 49.8%; height: 15rem; box-sizing: border-box; object-fit: cover;}
.image_bottom_list .image_comparison_arrow { position: absolute; left: 47.5%; width: 32px;}
.image_bottom_list .image_comparison_arrow img {width: 100%; object-fit: none;}
.image_bottom_list .select { border: 2px solid #333333; box-sizing: border-box}
.image_bottom_list .image_box:hover { cursor: pointer}

/*워터마크이미지 적용*/
.waterMarkArea {background:url('/images/watermark.png');background-size:cover;z-index:10}
.waterMarkArea div {z-index:-2}
.waterMarkArea img {z-index:-2}

/*게시판 상세 하단 전후 동영상*/
.image_bottom_list4 { margin-top: 100px; width: 100%; position: relative;  display: flex; flex-wrap: wrap; justify-content: space-between;}
.image_bottom_list4 .image_box { position: relative; width: 24.5%; margin: 20px 0; }
.image_bottom_list4 .caption { width: 100%; font-size: 22px; font-weight: 600; text-align: center; border: 1px solid #ddd; padding: 15px 5px; box-sizing: border-box; line-height: 26px; height: 90px; display: flex; flex-wrap: wrap; align-content: center; justify-content: center;}
.image_bottom_list4 .image_comparison { display: flex; align-items: center; justify-content: space-between; width: 100%;}
.image_bottom_list4 .image_comparison img { width: 100%; height: 12rem; box-sizing: border-box; object-fit: cover;}
.image_bottom_list4 .select { border: 2px solid #333333; box-sizing: border-box}
.image_bottom_list4 .image_box:hover { cursor: pointer}

/*페이징*/
.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: 100px 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: 22px; 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: 22px; font-weight: 700; margin-bottom: 15px; }
.nextprev_wrap .txt { font-size: 20px; font-weight: 400; color: #797979 }
.nextprev_wrap .txt:hover { cursor: pointer}

/*자가진단_요실금*/
.selfcheck_urinary { clear: both; float: left; width: 100%; background: #f7f7f7; margin: 0; padding: 75px 45px 0 45px; box-sizing: border-box; position: relative}
.selfcheck_urinary .selfcheckimg { position: absolute; left: 37%; top: 25px}
.selfcheck_box { clear: both; float: left; width: 100%; background: #ffffff; padding: 80px; margin: 0 0 20px 0; box-sizing: border-box}
.selfcheck_box h3 { width: 100%; font-size: 60px; text-align: center; font-weight: 800; margin-bottom: 50px}
.selfcheck_box h4 { width: 100%; font-size: 36px; text-align: left; font-weight: 700; line-height: 70px; margin-bottom: 20px}
.selfcheck_box dl { display: flex; flex-direction: column}
.selfcheck_box dt { width: 100%; display: flex; flex-direction: row; align-items: baseline; margin-bottom: 10px}
.selfcheck_box dt .num { width: 32px !important; height: 32px; border-radius: 16px; background: #333333; display: flex; align-items: center; justify-content: center; margin-right: 8px}
.selfcheck_box dt .num span{ font-size: 17px; text-align: center; font-weight: 500; color: #ffffff;}
.selfcheck_box dt .txt { width: 97%; font-size: 22px; text-align: left; font-weight: 600; line-height: 30px; }
.selfcheck_box dd { width: 100%; font-size: 21px; text-align: left; font-weight: 400; margin-left: 40px; margin-bottom: 40px}
.selfcheck_box dd label { margin-right: 50px}

/*관심항목*/
.items h3 { font-size:45px; line-height:60px; font-weight: 700; letter-spacing: -1px; margin-bottom:20px; text-transform: uppercase; display: flex; align-items: center}
.items h3 span{ font-size:35px; font-weight: 700; color: #7000d8; margin-left: 5px}
.items_table { width: 100%; display: flex; flex-direction: column; border-bottom: 1px solid #d5d5d5; box-sizing: border-box;}
.items_row { display: flex; border: 1px solid #d5d5d5;  border-bottom: none; background: #f7f7f7; align-items: center; }
.items_category {  text-align: center; width: 20%; font-size:22px; font-weight: 700; }
.items_category img { text-align: center; width: 70px}
.items_options { width: 100%; display: flex; flex-wrap: wrap; gap: 12px; flex-direction: row; background: #ffffff; padding: 30px; border-left: 1px solid #d5d5d5; box-sizing: border-box}
.items_options label { display: flex; align-items: center; gap: 5px; width: 32.5%; font-size:22px; font-weight: 400;}

/*UTV*/
.video_lists { width: 100%; display: flex; flex-wrap: wrap; margin-top: 30px}
.video_lists li { float: left; width: calc(50% - 20px); text-align: center; margin-bottom: 60px;}
.video_lists li:nth-child(odd) { margin-right: 40px}	
.video_lists li .thumb-wrap { cursor: pointer; position: relative;}
.video_lists li .thumb-wrap:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.4);}	
.video_lists li .thumb-wrap .video-thumb { display: block; width: 100%;}
.video_lists .play_ico { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80px; height: 80px; display: block; border: 2px solid #fff; border-radius: 50%; padding: 0; margin: 0 auto; z-index: 10;}
.video_lists .play_ico:after { position: absolute; top: 50%; left: 50%; transform: translate(-40%, -50%); display: block; content: ''; box-sizing: border-box; border-color: transparent transparent transparent #fff; border-style: solid; border-width: 16px 0 16px 24px;}
.video_lists .video_title { text-align: left; font-size: 22px; font-weight: 400; line-height: 30px; word-break: keep-all; margin: 10px 0 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

/*알럿완료*/
.pop_end {margin:0 auto ; padding: 0; font-size:14px; color: #393939; font-weight: normal; font-family:Nanum Gothic,"나눔고딕",'돋움',dotum,AppleGothic,sans-serif; text-align: center;  line-height: 1em}
.pop_end .f_point { color: #e4007f; padding: 0; font-weight: 600}

.pop_end img {width: auto !important}
.pop_end p {line-height: 2em}

.pop_end .bt_on { clear:both; margin-top:30px auto; border-radius:100px; color:#fff; }
.pop_end .bt_on a { padding:10px 50px; background:#e4007f; color:#fff; font-size:15px; text-align:center; font-weight:600; text-decoration:none; border-radius:100px;}
.pop_end .bt_on a:hover { background:#ca0071; color:#fff; text-decoration:none; border-radius:100px;}		

.pop_end .bt_warp { margin: 0 auto 20px auto; text-align: center;  padding: 20px 0}

.pop_end .margin_top5 { margin-top:5px ;}
.pop_end .margin_top15 { margin-top:15px ;}
.pop_end .margin_top30 { margin-top:30px ;}
.pop_end .margin_bottom20 { margin-bottom:20px ;}

/*카피라이터*/
.footer-warp { clear: both; width: 100%; float: left; margin: 0 }

.footer-top { clear: both; width: 100%; float: left; margin: 0; padding: 75px 0 50px 0; border-top: 1px solid #cfcfcf}

.footer-top-left { width: 650px; float: left }
.footer-top-left dl {width: 100%; float: left;}
.footer-top-left dt { width: 40%; float: left; color: #333333; font-size: 20px; font-weight: 600; padding: 4px 0 13px 0; box-sizing: border-box;  text-indent: 42px}
.footer-top-left .icon01 { background: url("/images/common/footer_top_left_icon01.png") no-repeat left top ; background-size: 13%}
.footer-top-left .icon02 { background: url("/images/common/footer_top_left_icon02.png") no-repeat left top ; background-size: 13%}
.footer-top-left .icon03 { background: url("/images/common/footer_top_left_icon03.png") no-repeat left top ; background-size: 13%}
.footer-top-left dd { width: 60%; float: left; padding: 0 0 13px 0; box-sizing: border-box }
.footer-top-left .telnumber{ color: #7000d8; font-size: 30px; font-weight: 600; text-align: left; }
.footer-top-left dd ul { width: 100%;}
.footer-top-left dd li { width: 100%; float: left; font-size: 20px ; color: #333333; font-weight: 500; padding: 4px 0}
.footer-top-left dd li .day {width: 100px; float: left; font-size: 20px ; color: #333333; font-weight: 500}
.footer-top-left dd li .time { float: left; font-size: 20px ; color: #333333; font-weight: 500}

.footer-top-left .sns { width: 100%; clear: both; margin-top: 19rem; padding-bottom: 8rem }
.footer-top-left .sns li { background: #7000d8 ;  border-radius: 50%; width: 4.5rem; height: 4.5rem; margin-right: 1.5rem; float: left}
.footer-top-left .sns li:hover { cursor: pointer}
.footer-top-left .sns p { clear: both; text-align: center; margin-top: 5rem; font-size: 16px; color: #2d2e33;letter-spacing: -0.5px; font-weight: 600}
.footer-top-left .sns p span { font-size: 14px;}
.footer-top-left .sns li:nth-child(1) { background: #7000d8 url("/images/common/footer_snsicon01.png") no-repeat 50% 50%; background-size: 70%}
.footer-top-left .sns li:nth-child(2) { background: #7000d8 url("/images/common/footer_snsicon02.png") no-repeat 50% 50%; background-size: 70%}
.footer-top-left .sns li:nth-child(3) { background: #7000d8 url("/images/common/footer_snsicon03.png") no-repeat 50% 50%; background-size: 70%}
.footer-top-left .sns li:nth-child(4) { background: #7000d8 url("/images/common/footer_snsicon04.png") no-repeat 50% 50%; background-size: 70%}
.footer-top-left .sns li:nth-child(5) { background: #7000d8 url("/images/common/footer_snsicon05.png") no-repeat 50% 50%; background-size: 70%}

.footer-top-right { width: 590px; float: right }
.footer-top-right .wrap_controllers {display: none!important}
.footer-top-right .adress { width: 100%; clear: both; overflow: hidden; padding: 15px; background: #ebebeb; color: #333333; font-size: 20px; font-weight: 500; text-align: center}

.footer-bottom { clear: both; width: 100%; float: left; margin: 0; padding: 60px 0; background: #333333 }
.footer-bottom p { color: #ffffff; font-size: 17px; font-weight: 100; text-align: left; line-height: 34px }
.footer-bottom p span { margin-right: 15px}
.footer-bottom a { color: #ffffff !important}
.footer-bottom a:hover { color: #ffffff !important}