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

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

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

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

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

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

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

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

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

/* 버튼 크기 공통 */
button { margin: 0; padding: 0; cursor: pointer;}
.btn_w25 { display: inline; width: 25%; }
.btn_w50 { display: inline; width: 50%; }
.btn_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:2px 0; font-size:24px; }
.btn_violet { border-radius: 5px; color:#ffffff; background:#7000d8; font-weight: 600; text-align:center; box-sizing: border-box; padding:20px 0; font-size:24px; }
.btn_blue { border-radius: 5px; color:#ffffff; background:#1550c7; font-weight: 600; text-align:center; box-sizing: border-box; padding:20px 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 { display:block; overflow:hidden; padding:12px; background:#fff; border-radius:3px; border:1px solid #d5d5d5}
.int input { color:#333333; font-size:22px; line-height:28px; width:100%; border:none; outline: none; background:#fff;}
.int select { color:#333333; font-size:22px; line-height:28px; width:100%; border:none; outline: none; background:#fff ;}

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

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

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

/* form 공통 */
.input_100 {width: 100%; font-size: 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; opacity: 0.3 !important}
.sub_top_text p {font-weight:400; font-size:24px; line-height:44px; color:#ffffff; letter-spacing: -1px}

.sub_top.sub01_01 { background: url("/images/n_common/n_titleimg01_01.jpg") no-repeat ; background-size: cover }
.sub_top.sub04_01 { background: url("/images/n_common/n_titleimg04.jpg") no-repeat ; background-size: cover }
.sub_top.sub04_02 { background: url("/images/n_common/n_titleimg04_02.jpg") no-repeat ; background-size: cover }
.sub_top.sub05_03 { background: url("/images/n_common/n_titleimg05_03.jpg") no-repeat ; background-size: cover }
.sub_top.sub05_04 { background: url("/images/n_common/n_titleimg05_04.jpg") no-repeat ; background-size: cover }
.sub_top.sub05_07 { background: url("/images/n_common/n_titleimg05_07.jpg") no-repeat ; background-size: cover }
.sub_top.sub05_08 { background: url("/images/n_common/n_titleimg05_08.jpg") no-repeat ; background-size: cover }
.sub_top.sub07_09 { background: url("/images/n_common/n_titleimg07_09.jpg") no-repeat ; background-size: cover }
.sub_top.sub13_01 { background: url("/images/n_common/n_titleimg13.jpg") no-repeat ; background-size: cover }
.sub_top.sub08_info08 { background: url("/images/n_common/n_titleimg_info08.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 { text-align: center; padding:21px 0; font-size:24px; line-height:38px; color:#333333; box-sizing: border-box; font-weight: 400;}
.sub_s_menu li:hover { color:#1550c7; font-weight: 600; cursor: pointer; text-decoration-line: underline; text-underline-offset: 25px; text-decoration-thickness: 5px;}
.sub_s_menu li.on {color:#1550c7; font-weight: 600; text-decoration-line: underline; text-underline-offset: 26px; text-decoration-thickness: 5px; }

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

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

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

/*서브 상단 탭*/
.sub_tab {width: 100%; clear: both; }
.sub_tab ul { width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.sub_tab li {width: 24.2%; text-align: center}
.sub_tab li a{ display:block; padding:17px 0; font-size: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:#1550c7;}
.sub_tab li.on a {color:#fff; background:#1550c7; font-weight: 600}

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

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

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

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

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

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

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

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

/*서브 텍스트 공통*/
.sub_title {text-align:left; }
.sub_title.right {text-align:right;}
.sub_title.center {text-align:center;}
.sub_title h2 { font-size: 150px; color: #f0f0f0; font-weight: 800; line-height: 100%}
.sub_title h3 { margin-bottom:20px; font-size:55px; line-height:80px; font-weight: 400; letter-spacing: -1px; text-transform: uppercase; text-align:left}
.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: left; text-transform: uppercase}
.sub_title span { font-weight: 700 ; }
.sub_title .pointviolet{ background: #1550c7; font-size: 30px; color: #ffffff; font-weight: 800; padding: 10px}
.sub_title .h3big { margin-bottom:20px; font-size:75px; font-weight: 400; letter-spacing: -1px; line-height: 130%}
.sub_title .h3big span { font-weight: 700 ; line-height: 130%}
.sub_title .h70 { margin-bottom:20px; font-size:70px; line-height:90px; font-weight: 700; letter-spacing: -1px; text-transform: uppercase}
.sub_title .h150 { margin-bottom:20px; font-size:150px; font-weight: 900;}
.sub_title .font24 { font-weight:400; display:block; font-size:24px; line-height:38px; margin:25px 0; text-align: center; text-transform: uppercase}
.sub_title .font24 span { font-weight:700; }

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

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

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

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

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

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

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

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

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

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

.sub_txt_line { font-weight:400; font-size: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: #1550c7 ; letter-spacing: -1px;  text-decoration-line: underline; text-underline-offset: 11px; text-decoration-thickness: 1px; }

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

/*좌측 텍스트 공통*/
.sub_txt_left {text-align:left;}
.sub_txt_left { font-weight:800; font-size:26px; line-height:38px; color: #333333 ;}
.sub_txt_left .txt  { font-weight:400; color: #666666 ; font-size: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_left_number {text-align:left;}
.sub_txt_left_number li { width: 100%; font-weight:400; font-size:22px; line-height:38px; color: #333333 ; padding: 10px 0}

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

/*서브 중간 검정배경 안 흰색박스 우측*/
.sub_dark_wbg_wrap { clear: both; width: 100%; overflow: hidden; display: flex; align-items: center; justify-content: space-between;}
.sub_dark_wbg { width: 620px; float: right}
.sub_dark_wbg ul { width: 100%;}
.sub_dark_wbg li { width: 100%; background: #ffffff; padding: 30px 10px; margin-bottom: 10px; font-size: 24px; color: #333333; font-weight: 500; text-align: center; box-sizing: border-box}
.sub_dark_wbg li:nth-child { margin-bottom: 0; }

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

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

/*음경확대 재료_사각*/
.enlargement_square2 { clear: both; width: 100%; float: left; margin: 30px 0}
.enlargement_square2 ul { margin: 0 auto;}
.enlargement_square2 li {  float: left; box-sizing: border-box; margin: 10px; }
.enlargement_square2 li dl { display: flex ; background: #ffffff ; flex-direction: column; align-items: center; justify-content: center ; border-radius: 20px; padding: 0 0 50px 0; opacity: 5; transition: all 0.5s; }
.enlargement_square2 li dt { width: 100%; text-align: center; }
.enlargement_square2 li dt img { width: auto}
.enlargement_square2 li dd { width: 100%; font-size: 38px; font-weight: 700; text-align: center; margin-top: 10px}
.enlargement_square2 li dd img { width: 41px; margin-right: 10px }
.enlargement_square2 li dl:hover { background: #1550c7; cursor: pointer; color: #ffffff}

/*음경확대 팝업 정보*/
.enlargement_pop { clear: both; width: 100%; float: left; padding: 60px 20px; box-sizing: border-box}
.enlargement_pop h2 { font-size:40px; line-height:60px; font-weight: 700; letter-spacing: -1px; margin-top: 20px}
.enlargement_pop h3 { font-size:22px; line-height:38px; font-weight: 400; letter-spacing: -1px; margin:25px 0; color: #333333 ; }
.enlargement_pop .boxpoint { background: #333333; width: 100%; font-size:23px; line-height:50px; font-weight: 600; letter-spacing: -1px; padding:15px 10px; color: #ffffff ; box-sizing: border-box}
.enlargement_pop img { width: auto; margin: 1rem 0; text-align: center}

/*성병 종류_원*/
.std_circle6 { clear: both; width: 100%; float: left; margin: 30px 0}
.std_circle6 ul { margin: 0 auto;}
.std_circle6 li {  float: left; box-sizing: border-box; margin: 10px; }
.std_circle6 li dl { display: flex ; background: #ffffff ; flex-direction: column; align-items: center; justify-content: center ; border-radius: 50%; width: 190px; height: 190px; opacity: 5; transition: all 0.5s; }
.std_circle6 li dt { width: 100%; text-align: center; margin-bottom: 6px; }
.std_circle6 li dt img { width: 41px; }
.std_circle6 li dd { width: 100%; font-size: 22px; font-weight: 500; line-height: 2.5rem; text-align: center}
.std_circle6 li dl:hover { background: #1550c7; cursor: pointer; color: #ffffff}

/*성병 서브 탭*/
.stdtab ul.tabs { width: 100%; display: flex; flex-direction: row; justify-content:center; align-items: center; margin: 20px 0 8px 0;}        
.stdtab ul.tabs li { float: left; margin: 0; font-size: 22px; color: #acacac; font-weight: 400; text-align: center; width: 290px}        
.stdtab ul.tabs li a { position: relative; border: 1px solid #cccccc; color:#acacac ; background: #f0f0f0; border-radius: 3px 3px 0 0; padding: 15px; outline:none; }        
.stdtab ul.tabs li a:visited { color: #000;}        
.stdtab ul.tabs li a:hover { background:#ffffff; color: #333333}        
.stdtab ul.tabs li.selected a, .stdtab ul.tabs li.selected a:hover { position: relative; top: 0px; font-weight:600; background: #ffffff; border: 1px solid #333333; color: #333333; border-bottom-color: #ffffff}        
.stdtab ul.tabs li.selected a:hover { text-decoration: none;}
.stdtab div.tabcontents {width: 100%; clear: both; float: left; border-top: 1px solid #B7B7B7; padding:20px 0 0 0; margin: 0; margin-top: 9px}

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

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

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

/*수술정보*/
.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: #1550c7; text-align: center }

.subProcess_5 { clear: both; width: 100%; float: left; margin: 60px 0 20px 0}
.subProcess_5 ul { width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.subProcess_5 li {width: 20%; }
.subProcess_5 li p {text-align: center; margin-bottom: 30px}
.subProcess_5 li dt { font-size: 24px; font-weight: 400; color: #333333; text-align: center; margin-bottom: 15px}
.subProcess_5 li dd { font-size: 24px; font-weight: 600; color: #1550c7; text-align: center }

.subProcess_6 { clear: both; width: 100%; float: left; margin: 60px 0 20px 0}
.subProcess_6 ul { width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.subProcess_6 li {width: 16.6666%; }
.subProcess_6 li p {text-align: center; margin-bottom: 30px}
.subProcess_6 li dt { font-size: 24px; font-weight: 400; color: #333333; text-align: center; margin-bottom: 15px}
.subProcess_6 li dd { font-size: 24px; font-weight: 600; color: #1550c7; text-align: center }

/*수술전후*/
.before_after  { clear: both; width: 1300px; overflow: hidden; margin: 50px 0; display: flex; flex-direction: row; align-items: center; justify-content: space-between}
.before_after .before dl { width: 565px; float: left; }
.before_after .before dt { text-align: center; border: 1px solid #cbcbcb; box-sizing: border-box}
.before_after .before dd { width: 100%;margin: 0 auto; text-align: center; padding: 15px; font-size: 22px; background: #cbcbcb; color: #ffffff; font-weight: 600; border: 1px solid #cbcbcb; border-top: none; box-sizing: border-box}
.before_after .after dl { width: 565px; float: left; }
.before_after .after dt { text-align: center; border: 1px solid #1550c7; box-sizing: border-box}
.before_after .after dd { width: 100%; margin: 0 auto; text-align: center; padding: 15px; font-size: 22px; background: #1550c7; color: #ffffff; font-weight: 600; border: 1px solid #1550c7; border-top: none; box-sizing: border-box}
.before_after .arrow { padding: 0 }

/*체크리스트*/
.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_common/checklist_icon.png") no-repeat 5% 50%; background-size: 31px; 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; padding-left: 50px}

/*보유장비소개*/
.equipment{width: 1300px; margin: 50px auto 0 auto; clear: both ; position: relative ; box-sizing: border-box; overflow: hidden}
.equipment .superscription { width: 100%; clear: both; float: left; padding: 17px; text-align: center; background: #1f4392;  font-weight: 600; font-size: 40px; color: #ffffff; margin-bottom: 40px}
.equipment .superscription2 { width: 100%; clear: both; float: left; padding: 17px; text-align: center; background: #0088d0;  font-weight: 600; font-size: 40px; color: #ffffff; margin: 80px 0 40px 0}
.equipment ul {width: 100%; ; margin-top: 20px}
.equipment li { float: left;  width: 31.1%; margin-right: 3%; margin-bottom: 3%; border: 1px solid #d2d2d2; box-sizing: border-box;}
.equipment li:nth-child(3) {margin-right: 0}
.equipment li:nth-child(6) {margin-right: 0}
.equipment li:nth-child(9) {margin-right: 0}
.equipment li:nth-child(12) {margin-right: 0}
.equipment li dl {clear: both; float: left; margin: 0; width: 100%; box-sizing: border-box}
.equipment li dt {width: 100%}
.equipment li dt img { width: 100%}
.equipment li dd { background: #f4f4f4; padding: 20px 0 30px 0 ;border-top: 1px solid #d2d2d2; box-sizing: border-box;}
.equipment li dd .title {padding: 0 0 10px 0; font-size: 30px; color: #181818;  font-weight: 600; text-align: center}
.equipment li dd .txt {padding: 0; font-size: 20px; color: #181818; text-align: center}

/* 로그인 */
.login { clear: both; width: 100%; float: left; padding: 0; box-sizing: border-box}
.login h4{ clear: both; width: 100%; font-size: 60px; color: #333333;  text-align: center; font-weight: 800;  margin: 0 0 30px 0; }
.login .bt_login { width: 100%; background: #1550c7; 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/n_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/n_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; padding: 0; box-sizing: border-box; }
.idpw h3{ clear: both; width: 100%; float: left; font-size: 55px; color: #333333;  text-align: center; font-weight: 800; margin-bottom: 40px; }
.idpw .tab { clear: both; width: 100%; }
.idpw .tab ul {  width: 100%; border-bottom: 1px solid #333333; display: flex; flex-direction: row}
.idpw .tab li { width: 50%; font-size: 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 {clear: both; background: #f4f4f4; padding: 30px 10px; text-align: center; margin-top: 10px}
.idpw .txtbg2 { clear: both; background: #f4f4f4; padding: 30px; text-align: left; margin-top: 10px; display: flex; flex-direction: column}
.idpw .radio input{  margin-right: 5px}

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

/* 회원가입 */
.join_apply { clear: both; width: 800px; margin: 0 auto; overflow: hidden; padding: 0; box-sizing: border-box; }
.join_apply h4{ clear: both; width: 100%; float: left; font-size: 55px; color: #333333;  text-align: center; font-weight: 800; border-bottom: 1px solid #333333; margin-bottom: 40px; padding: 0 0 40px 0}
.join_apply 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%; ont-size: 22px; color: #333333; text-align: left; font-weight: 400; }
.join_apply dd .txt { padding: 5px 0; line-height: 50px; color: #1550c7; font-weight: 600;}

.join_apply .w50 { display: flex; align-items: center; justify-content: space-between; margin-bottom: 5px}
.join_apply .w50 input { width: 49.5%; font-size: 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 select{ display: block;  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: #1550c7; 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:#1550c7; font-weight: 600; text-align:center; box-sizing: border-box; padding:15px 30px; font-size:20px; }
.my_sns dd .btn_blue { border-radius: 5px; color:#ffffff; background:#1550c7; font-weight: 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 .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; }

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

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

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

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

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

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

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

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

/*게시판 기본 테이블*/
.board_list {width: 100%; clear:both; border-collapse:collapse; border-top:2px solid #333333; border-bottom:1px solid #ececec; margin:30px 0 }
.board_list caption{display:none}
.board_list 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; word-break: keep-all;}
.board_list tbody tr:hover { cursor: pointer}
.board_list .noticetxt {background: #1550c7; 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}

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

/*게시판 기본 상세*/
.board_view { clear: both; width: 100%; display: flex; margin: 0; flex-direction: column}
.board_view .title { clear: both; width: 100%; float: left; font-size: 36px; color: #333333;  text-align: left; font-weight: 800; line-height: 130%; border-bottom: 1px solid #d4d4d4; padding: 10px 0 30px 4px; box-sizing: border-box; ; word-break: keep-all;}
.board_view .title2 { clear: both; width: 100%; float: left; font-size: 36px; color: #333333;  text-align: left; font-weight: 800; line-height: 130%; word-break: keep-all;}
.board_view .date2 { clear: both; width: 100%; float: left; font-size: 20px; color: #8b8b8b;  text-align: left; font-weight: 400; border-bottom: 1px solid #d4d4d4; padding: 10px 0 20px 4px; box-sizing: border-box}
.board_view .newsgo button { background: #091d3f; color: #ffffff; font-size: 20px; padding: 10px 35px; text-align: center; margin-bottom: 5px}
.board_view .view { clear: both; width: 100%; text-align: 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: 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}

/* new이벤트 */
.n_event { width: 100%; clear: both; box-sizing: border-box; float: left; margin: 10px 0; letter-spacing: normal}
.n_event ul {box-sizing: border-box; }
.n_event li { float: left; width: 100%; display: block; margin-bottom: 35px; border: 1px solid #d6d6d6; box-sizing: border-box}
.n_event li .left { float: left; width: 38%;}
.n_event li .right { width: 62%; float: right; padding: 30px 40px ; box-sizing: border-box; text-align: left}
.n_event li dl dt { font-size: 24px; padding: 0; height: 80px;color: #363636}
.n_event li dd .price{ font-size: 30px;   ; color: #b53532; }
.n_event li dd .priceoff{ font-size: 30px;   ; color: #979797; }
.n_event li dd .price_s{ font-size: 18px; color: #979797; padding-left: 7px; }
.n_event li dd .date { padding: 18px 0; border-top: 1px solid #d6d6d6; margin-top: 15px; font-size: 17px; }
.n_event li dd .progress { font-size: 17px; color: #ffffff; background-color: #b53532; border-radius:20px; padding: 4px 10px}
.n_event li dd .progress_off { font-size: 17px; color: #ffffff; background-color: #c0c0c0; border-radius:20px; padding: 4px 18px}
.n_event li dd .end { font-size: 17px; color: #979797;  padding-left: 5px}
.n_event img {width: 100% !important}

.n_event_view { width: 1300px; clear: both; box-sizing: border-box; margin: 10px auto; border-top: 2px solid #091d3f; border-bottom: 1px solid #d6d6d6; padding-bottom: 30px; position:relative;wmin-width:738px;height:100%; letter-spacing: normal; overflow: hidden}
.n_event_view ul {box-sizing: border-box; float: left; }
.n_event_view dt { font-size: 30px; padding: 30px 10px; border-bottom: 1px solid #d6d6d6; text-align: left  }
.n_event_view dd { float: left; width: 100%;  border-bottom: 1px solid #d6d6d6; margin-bottom: 20px}
.n_event_view dd .left { float: left; padding: 10px; }
.n_event_view dd .price{ font-size: 28px;   ; color: #b53532}
.n_event_view dd .price_s{ font-size: 17px; color: #979797; padding-left: 7px}
.n_event_view dd .date { padding: 10px; float: right}
.n_event_view dd .progress { font-size: 17px; color: #ffffff; background-color: #b53532; border-radius:20px; padding: 4px 10px}
.n_event_view dd .progress_off { font-size: 17px; color: #ffffff; background-color: #c0c0c0; border-radius:20px; padding: 4px 18px}
.n_event_view dd .end { font-size: 17px; color: #979797;  padding-left: 5px}
.n_event_view p { text-align: center; padding: 0; margin: 0}
.n_event_view p img {width: 100%}
.n_event_view button { padding: 15px; }
.n_event_view .button {  display: none}

/* 하단 상담대표전화 & 상담신청*/
.quick_wrap { width:100%; background:#0c0c0c; clear:both; float:left; padding: 70px 0; margin-top: 40px}

.quick {width:580px; float:right}
.quick .floor_tel {width: 100%; padding: 0; float: left;}
.quick .floor_tel h2 { text-align: left; font-size: 24px; font-weight: 600; color: #ffffff; background: url("/images/n_common/icon_tel.png") no-repeat left 50%; padding: 0.5rem 0 0.5rem 2.5rem; background-size: 1.8rem}
.quick .floor_tel h3 { font-size: 70px; font-weight: 900; color: #1f69ff; line-height: 3.5rem}
.quick .floor_tel h3 a:link { color: #1f69ff}
.quick .floor_tel p { font-size: 24px; font-weight: 400; color: #ffffff; padding-left: 0.3rem; line-height: 2.5rem}

.quick .floor_sns {width: 90%; padding: 35px 0 0 0; overflow: hidden}
.quick .floor_sns ul {width: 100%; margin: 0 auto; padding: 0; display: flex; flex-direction: row; justify-content: space-between;  }
.quick .floor_sns li { width: 23%; padding: 0 1%; text-align: center; font-size: 20px ; color: #ffffff; box-sizing: border-box}
.quick .floor_sns li:hover {cursor: pointer}
.quick .floor_sns li img {width: 100%; margin-bottom: 15px}

.counsel {width:580px; float:left}
.counsel p {font-size:24px ; text-align:center; color:#ffffff;   margin-bottom:30px; font-weight: 700}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*카피라이터*/
.footer { background:#0c0c0c; clear:both; width:100%; float:left; padding: 55px 0; border-top: 1px solid #3d3d3d }
.footer .logo { width:380px; }
.footer .address { float:right; text-align:left ; width:920px; color:#aeaeae}
.footer .address ul { width:920px; padding-bottom:10px; float:left}
.footer .address li { float:left; color:#fff; padding-right: 5px }
.footer .address li a {color:#fff; font-size:18px}
.footer .address li a:hover {color:#3cc5e9}
.footer .address p { clear:both; color:#aeaeae; font-size:18px}

.quickBar { display:none}

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

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

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


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


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

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

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

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

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

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

/* 버튼 크기 공통 */
button { margin: 0; padding: 0; cursor: pointer;}
.btn_w25 { display: inline; width: 25%; }
.btn_w50 { display: inline; width: 50%; }
.btn_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:1.04rem 0; font-size:1.2rem; }
.btn_black { border-radius: 5px; color:#ffffff; background:#333333; font-weight: 600; text-align:center; box-sizing: border-box; padding:1.1rem 0; font-size:1.2rem; }
.btn_violet { border-radius: 5px; color:#ffffff; background:#7000d8; font-weight: 600; text-align:center; box-sizing: border-box; padding:1.1rem 0; font-size:1.2rem; }
.btn_blue { border-radius: 5px; color:#ffffff; background:#1550c7; font-weight: 600; text-align:center; box-sizing: border-box; padding:1.1rem 0; font-size:1.2rem; }
	
/* form100 공통 */
.input_set { position:relative; margin-bottom:5px; clear: both}
.input_set .fl { position:absolute; top:0; left:0}
.input_set .fr { position:absolute; top:0; right:0}

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

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

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

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

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

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

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

.sub_top.sub01_01 { background: url("/images/n_common/n_titleimg01_01t.jpg") no-repeat ; background-size: cover }
.sub_top.sub04_01 { background: url("/images/n_common/n_titleimg04t.jpg") no-repeat ; background-size: cover }
.sub_top.sub04_02 { background: url("/images/n_common/n_titleimg04_02t.jpg") no-repeat ; background-size: cover }
.sub_top.sub05_03 { background: url("/images/n_common/n_titleimg05_03t.jpg") no-repeat ; background-size: cover }
.sub_top.sub05_04 { background: url("/images/n_common/n_titleimg05_04t.jpg") no-repeat ; background-size: cover }
.sub_top.sub05_07 { background: url("/images/n_common/n_titleimg05_07t.jpg") no-repeat ; background-size: cover }
.sub_top.sub05_08 { background: url("/images/n_common/n_titleimg05_08t.jpg") no-repeat ; background-size: cover }
.sub_top.sub07_09 { background: url("/images/n_common/n_titleimg07_09t.jpg") no-repeat ; background-size: cover }
.sub_top.sub13_01 { background: url("/images/n_common/n_titleimg13t.jpg") no-repeat ; background-size: cover }
.sub_top.sub08_info08 { background: url("/images/n_common/n_titleimg_info08t.jpg") no-repeat ; background-size: cover }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.sub_tbox_img2 .txtbox2 { width: 100%; float: left; padding: 1rem 0.5rem; box-sizing: border-box; }
.sub_tbox_img2 .txtbox2 h3 {width: 100%; float: left; text-align: center; font-size: 1.8rem; font-weight: 700; color: #333333; line-height: 2.4rem; margin-bottom: 0.5rem }
.sub_tbox_img2 .txtbox2 p { text-align: center; font-size: 1.2rem; font-weight: 400; color: #333333; line-height: 1.8rem}
	
.sub_tbox_img2 .radiusimg img {width: 100%; border-radius: 0 5px 5px 0}
	
/*서브 중간흰색박스 좌측이미지 우측 설명 공통 + 모바일만 텍스트 가운데 정렬 + 검정원*/
.sub_tbox_img3 { clear: both; width: 100%; overflow: hidden; display: flex; flex-direction: column; padding: 0; align-items: center; justify-content: center}
.sub_tbox_img3 .leftimg { width: 100%; float: left}
.sub_tbox_img3 .leftimg img { width: 100%; }
.sub_tbox_img3 .righttxt { width: 100% !important; padding: 2rem 0.5rem ; box-sizing: border-box; display: flex; flex-direction: column; align-items: left; justify-content: center; margin : 0}
.sub_tbox_img3 .righttxt .number { display: none}
.sub_tbox_img3 .righttxt .sub_title {width: 100%; float: left; text-align: center; font-size: 1.8rem; font-weight: 700; color: #333333; line-height: 2.5rem;}
.sub_tbox_img3 .righttxt .sub_txt { font-weight: 400; font-size: 1.2rem; line-height: 1.8rem; margin: 1rem 0; color: #3a3a3a; letter-spacing: -1px; text-align: center}	
.sub_tbox_img3 .radiusimg img {width: 100%; border-radius: 0 5px 5px 0}
	
.circle_black {width: 100%; float: left; padding-top: 1rem}
.circle_black ul { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 0}
.circle_black li { background: #222222; color: #ffffff; font-weight: 400; font-size: 1.2rem; line-height: 100%; border-radius: 50%; width: 10rem; height: 10rem; opacity: 5; text-align: center; padding: 0; margin: 0 0.3rem !important}
	
/*서브 중간 검정배경 안 흰색박스*/
.sub_dark_wbg_wrap { clear: both; width: 100%; overflow: hidden; display: flex; flex-direction: column}
.sub_dark_wbg { width: 100%; float: left; margin-top: 2rem}
.sub_dark_wbg ul { width: 100%;}
.sub_dark_wbg li { width: 100%; background: #ffffff; padding: 1.5rem 0.5rem; margin-bottom: 0.5rem; font-size: 1.2rem; color: #333333; font-weight: 500; text-align: center; box-sizing: border-box}
.sub_dark_wbg li:nth-child { margin-bottom: 0; }
	
/*서브 중간 좌측이미지 우측숫자 리스트*/
.sub_limg_rlist { clear: both; width: 100%; overflow: hidden; display: flex; align-items: center; flex-direction: column}
.sub_limg_rlist .leftimg {padding: 0;}
.sub_limg_rlist .leftimg img { width: 100%}	
.sub_limg_rlist .righttxt { box-sizing: border-box; text-align: center; }
.sub_limg_rlist .righttxt .graybox26{ background: #333333; font-size: 1.2rem; color: #ffffff; font-weight: 800; padding: 4px 10px; line-height: 2.6rem; text-transform: uppercase; order: 1}
.sub_limg_rlist .righttxt ul {width: 100%; margin-top: 1rem}
.sub_limg_rlist .righttxt li { width: 100%; background: #ffffff; padding: 0.5rem 0; box-sizing: border-box; text-align: left;  order: 4}
.sub_limg_rlist .righttxt li:nth-child { margin-bottom: 0; }
.sub_limg_rlist .righttxt li dt { width: 1.5rem; height: 1.5rem; background: #1550c7; font-weight:600; color: #ffffff ; font-size:0.9rem; text-align: center; float: left; border-radius: 0.75rem; line-height: 1.5rem}
.sub_limg_rlist .righttxt li dd { padding: 0 0 0 1.8rem; font-weight:400; color: #333333 ; font-size:1.2rem; line-height: 1.6rem}
.sub_limg_rlist .righttxt li dd span { font-weight:800;}
	
/*공통 좌측 숫자 리스트*/
.number_list { clear: both; width: 100%; overflow: hidden;}
.number_list ul {width: 100%; display: flex; flex-direction: column}
.number_list li { width: 100%; background: #ffffff; padding: 0.4rem 0; box-sizing: border-box; text-align: left;  order: 4}
.number_list li:nth-child { margin-bottom: 0; }
.number_list li dt { width: 1.5rem; height: 1.5rem; background: #1550c7; font-weight:600; color: #ffffff ; font-size:0.9rem; text-align: center; float: left; border-radius: 0.75rem; line-height: 1.5rem}
.number_list li dd { padding: 0 0 0 1.8rem; font-weight:400; color: #333333 ; font-size:1.2rem; line-height: 1.6rem}
.number_list li dd span { font-weight:800;}
	
/*음경확대 재료_사각*/
.enlargement_square2 { clear: both; width: 100%; float: left; margin: 1rem 0}
.enlargement_square2 ul { margin: 0 auto;}
.enlargement_square2 li { float: left; box-sizing: border-box; width: 100%; margin: 2% 0}
.enlargement_square2 li dl { display: flex ; background: #ffffff ; flex-direction:column; align-items: center; justify-content: space-between; border-radius: 0.5rem; width: 100%; opacity: 5; transition: all 0.5s; padding: 0 0 2rem 0 ; box-sizing: border-box }
.enlargement_square2 li dt { width: 100%; text-align: center;}
.enlargement_square2 li dt img { width: 100%}
.enlargement_square2 li dd { width: 100%; font-size: 2rem; font-weight: 700; text-align: center; margin-top: 0.5rem}
.enlargement_square2 li dd img { width: 2rem; margin-right: 0.5rem}
.enlargement_square2 li dl:hover { background: #1550c7; cursor: pointer; color: #ffffff}
	
/*음경확대 팝업 정보*/
.enlargement_pop { clear: both; width: 100%; float: left; padding: 60px 20px; box-sizing: border-box}
.enlargement_pop h2 { font-size:2rem; line-height:2rem; font-weight: 700; letter-spacing: -1px; margin-top: 0.5rem}
.enlargement_pop h3 { font-size:1.2rem; line-height:1.8rem; font-weight: 400; letter-spacing: -1px; margin:1rem 0 0 0; color: #333333 ; }
.enlargement_pop .boxpoint { background: #333333; width: 100%; font-size:1.3rem; line-height:2rem; font-weight: 600; letter-spacing: -1px; padding:1rem; color: #ffffff ;box-sizing: border-box }
.enlargement_pop img { width: 100%; margin: 1rem 0}
	
/*성병 종류_원*/
.std_circle6 { clear: both; width: 100%; float: left; margin: 1rem 0}
.std_circle6 ul { margin: 0 auto;}
.std_circle6 li {  float: left; box-sizing: border-box; width: 47%; margin: 1.5%}
.std_circle6 li dl { display: flex ; background: #ffffff ; flex-direction: row-reverse; align-items: center; justify-content: space-between; border-radius: 2rem; width: 100%; height: 4rem; opacity: 5; transition: all 0.5s; padding: 0 2rem ; box-sizing: border-box }
.std_circle6 li dt { width: 100%; text-align: right; margin-bottom: 0; }
.std_circle6 li dt img { width: 1.5rem;}
.std_circle6 li dd { width: 100%; font-size: 1.2rem; font-weight: 500; line-height: 2.5rem; text-align: left;}
.std_circle6 li dl:hover { background: #1550c7; cursor: pointer; color: #ffffff}
	
/*성병 서브 탭*/
.stdtab ul.tabs { width: 100%; display: flex; flex-direction: row; justify-content:center; align-items: center; margin: 0;}        
.stdtab ul.tabs li { float: left; margin: 0; font-size: 1.2rem; color: #acacac; font-weight: 400; text-align: center; width: 10rem }        
.stdtab ul.tabs li a { position: relative; border: 1px solid #acacac; background: #f0f0f0; border-radius: 3px 3px 0 0; padding: 10px; outline:none; color: #acacac; }        
.stdtab ul.tabs li a:visited { color: #000;}        
.stdtab ul.tabs li a:hover {  background:#ffffff; color: #333333}        
.stdtab ul.tabs li.selected a, .stdtab ul.tabs li.selected a:hover { position: relative; top: 0px; font-weight:600; background: #ffffff; color: #333333; border-bottom-color: #ffffff}        
.stdtab ul.tabs li.selected a:hover { text-decoration: none;}
.stdtab div.tabcontents {width: 100%; clear: both; float: left; border-top: 1px solid #B7B7B7; padding:30px 0 0 0; margin: 0; margin-top: -1px}
	
/*성병팝업 정보*/
.stdprocess { clear: both; width: 100%; float: left; padding: 2%; box-sizing: border-box}
.stdprocess h2 { font-size:2rem; line-height:2rem; font-weight: 700; letter-spacing: -1px; margin-top: 0.5rem}
.stdprocess h3 { font-size:1.2rem; line-height:1.8rem; font-weight: 400; letter-spacing: -1px; margin:1rem 0 0 0; color: #333333 ; }
.stdprocess ul { width: 100%; display: flex; flex-direction:column; justify-content: space-between; align-items: flex-start; margin: 0.3rem 0 1rem 0; }
.stdprocess li {width: 100%; margin: 0.5rem 0; display: flex; flex-direction:row; justify-content: space-between; align-items: center; }
.stdprocess li p {width: 30%; float: left; text-align: center; display: flex; justify-content: center; align-items: center; margin : 0}
.stdprocess li p img { width: 7rem}
.stdprocess li dl { width: 70%; display: flex; flex-direction:column; justify-content: space-between; align-items: flex-start; margin: 0; }
.stdprocess li dt { font-size: 1.2rem; font-weight: 400; color: #333333; text-align: left; margin-bottom: 0.5rem}
.stdprocess li dd { font-size: 1.2rem; font-weight: 600; color: #1550c7; text-align: left; line-height: 1.5rem; }
.stdprocess .stdtest { background: #333333; width: 100%; font-size:1.3rem; line-height:2rem; font-weight: 700; letter-spacing: -1px; padding:1rem 0; color: #ffffff ;box-sizing: border-box }
	
.stdprocess2 { clear: both; width: 100%; float: left; padding: 2%; box-sizing: border-box}
.stdprocess2 h2 { font-size:2rem; line-height:2rem; font-weight: 700; letter-spacing: -1px; margin-top: 0.5rem}
.stdprocess2 h3 { font-size:1.2rem; line-height:1.8rem; font-weight: 400; letter-spacing: -1px; margin:1rem 0 0 0; color: #333333 ; }
.stdprocess2 ul { width: 100%; display: flex; flex-direction:column; justify-content: space-between; align-items: flex-start; margin: 0 0 1rem 0; }
.stdprocess2 li {width: 100%; margin: 0.5rem 0; display: flex; flex-direction:row; justify-content: flex-start; align-items: center; }
.stdprocess2 li p {width: 30% !important; float: left; text-align: center; display: flex; justify-content: center; align-items: center; margin : 0}
.stdprocess2 li p img { width: 7rem}
.stdprocess2 li dl { width: 70%; display: flex; flex-direction:column; justify-content: space-between; align-items: flex-start; margin: 0; }
.stdprocess2 li dt { font-size: 1.2rem; font-weight: 400; color: #333333; text-align: left; margin-bottom: 0.5rem}
.stdprocess2 li dd { font-size: 1.2rem; font-weight: 600; color: #1550c7; text-align: left; line-height: 1.5rem; }
.stdprocess2 .stdtest {  clear: both; float: left; background: #333333; width: 100%; font-size:1.3rem; line-height:2rem; font-weight: 700; letter-spacing: -1px; padding:1rem 0; color: #ffffff ;box-sizing: border-box }

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

	
/*수술정보*/
.subProcess { clear: both; width: 100%; float: left; margin: 0}
.subProcess ul { width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; flex-wrap: wrap}
.subProcess li {width: 50%; margin: 1.5rem 0}
.subProcess li p {text-align: center; margin-bottom: 1rem}
.subProcess li img { width: 50%}
.subProcess li dt { font-size: 1.2rem; font-weight: 400; color: #333333; text-align: center; margin-bottom: 0.5rem}
.subProcess li dd { font-size: 1.2rem; font-weight: 600; color: #1550c7; text-align: center }

.subProcess_5 { clear: both; width: 100%; float: left; margin: 0}
.subProcess_5 ul { width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; flex-wrap: wrap}
.subProcess_5 li {width: 33.3333%; margin: 1.5rem 0}
.subProcess_5 li p {text-align: center; margin-bottom: 1rem}
.subProcess_5 li img { width: 50%}
.subProcess_5 li dt { font-size: 1.2rem; font-weight: 400; color: #333333; text-align: center; margin-bottom: 0.5rem}
.subProcess_5 li dd { font-size: 1.2rem; font-weight: 600; color: #1550c7; text-align: center }
	
.subProcess_6 { clear: both; width: 100%; float: left; margin: 0}
.subProcess_6 ul { width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; flex-wrap: wrap}
.subProcess_6 li {width: 33.3333%; margin: 1.5rem 0}
.subProcess_6 li p {text-align: center; margin-bottom: 1rem}
.subProcess_6 li img { width: 50%}
.subProcess_6 li dt { font-size: 1.2rem; font-weight: 400; color: #333333; text-align: center; margin-bottom: 0.5rem}
.subProcess_6 li dd { font-size: 1.2rem; font-weight: 600; color: #1550c7; text-align: center }
	
/*수술전후*/
.before_after  { clear: both; width: 100%; overflow: hidden; margin: 2rem 0 0 0; display: flex; flex-direction: column; }
.before_after .before dl { width: 100%; float: left; }
.before_after .before dt { text-align: center; border: 1px solid #cbcbcb; box-sizing: border-box}
.before_after .before dd { width: 100%;margin: 0 auto; text-align: center; padding: 15px; font-size: 1.1rem; background: #cbcbcb; color: #ffffff; font-weight: 600; border: 1px solid #cbcbcb; border-top: none; box-sizing: border-box}
.before_after .after dl { width: 100%; float: left; }
.before_after .after dt { text-align: center; border: 1px solid #1550c7; box-sizing: border-box}
.before_after .after dd { width: 100%; margin: 0 auto; text-align: center; padding: 15px; font-size: 1.1rem; background: #1550c7; color: #ffffff; font-weight: 600; border: 1px solid #1550c7; border-top: none; box-sizing: border-box}
.before_after .arrow { padding: 1rem 0; text-align: center}
.before_after .arrow img { width: 2rem; transform: rotate(90deg)}
.before_after img { width: 100%}		

/*체크리스트*/
.sub_checklist { clear: both; width: 100%; float: left; margin: 0}
.sub_checklist ul { float: left; margin: 0 auto; }
.sub_checklist li { background: #f0f0f0 url("/images/n_common/checklist_icon.png") no-repeat 3% 50%; background-size: 1.5rem; opacity: 5; float: left; box-sizing: border-box; margin: 5px 0; padding: 20px 0 20px 10px; width: 100%}
.sub_checklist li p { font-size: 1.2rem; font-weight: 400; color: #333333; text-align: left; width: 96%; float: left; padding-left: 3rem; box-sizing: border-box}

/*보유장비소개*/
.equipment{width: 100%; margin: 0 auto; clear: both ; position: relative ; box-sizing: border-box; overflow: hidden; }
.equipment .superscription { width: 100%; clear: both; float: left; padding: 0.6rem 0; text-align: center; background: #1f4392;  font-weight: 600; font-size: 1.6rem; color: #ffffff; margin-bottom: 1rem}
.equipment .superscription2 { width: 100%; clear: both; float: left; padding: 0.6rem 0; text-align: center; background: #0088d0;  font-weight: 600; font-size: 1.6rem; color: #ffffff; margin: 4rem 0 1rem 0}
.equipment ul {width: 100%; ; margin-top: 1rem;  }
.equipment li { width: 100%;   margin-bottom: 3%; border: 1px solid #d2d2d2; box-sizing: border-box;}	
.equipment li dl {clear: both; margin: 0; width: 100%; box-sizing: border-box; display:flex; align-items: stretch; justify-content: center; }
.equipment li dt {width: 40%; box-sizing: border-box; display:flex; align-items:center; justify-content:center; }
.equipment li dt img { width: 100%; }
.equipment li dd { width: 60%; background: #f4f4f4; padding: 2rem ; border-left: 1px solid #d2d2d2; border-top: none; box-sizing: border-box; display:flex; align-items:flex-start; justify-content: center;flex-direction: column}
.equipment li dd .title {padding: 0 0 1rem 0; font-size: 1.6rem; color: #181818;  font-weight: 600;; text-align: left; }
.equipment li dd .txt {padding: 0; font-size: 1.2rem; color: #181818; text-align: left; }
	
/* 로그인 */
.login { clear: both; width: 100%; float: left; padding: 0; box-sizing: border-box}
.login h4{ clear: both; width: 100%; font-size: 2.5rem; color: #333333;  text-align: center; font-weight: 800;  margin: 1rem 0; }
.login .bt_login { width: 100%; background: #1550c7; font-size: 1.2rem; color: #ffffff; text-align: center; padding: 1rem; box-sizing: border-box; border-radius: 3px; font-weight: 600}
.login .bt_join { width: 100%; background: #ffffff; font-size: 1.2rem; color: #333333; border: 1px solid #333333; text-align: center; padding: 1rem; box-sizing: border-box; border-radius: 3px; font-weight: 600}
.login .bt_naver { width: 100%; background: #2db400 url("/images/n_common/icon_naver.png") no-repeat 7% 50%; background-size: 27px; font-size: 1.2rem; color: #ffffff; text-align: center; padding: 1rem; box-sizing: border-box; border-radius: 3px; font-weight: 600}
.login .bt_kakao { width: 100%; background: #ffeb00 url("/images/n_common/icon_kakao.png") no-repeat 6% 50%; background-size: 35px; font-size: 1.2rem; color: #3c1e1e; text-align: center; padding: 1rem; box-sizing: border-box; border-radius: 3px; font-weight: 600}

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

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

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

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

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

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

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

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

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

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

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

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

.scaleimg {position: relative; width: 100%; height: 14rem; overflow: hidden }
.scaleimg .scaleimg1 {width: 100%; height: 14rem; background: url("/images/n_common/common_banner_img01.jpg") no-repeat; background-size: cover}
.scaleimg .scaleimg1:hover { 
	transition: all 1s ease; 
	transition: scale(1.15); /* default */
	-webkit-transform:scale(1.15); /* 크롬 */
	-moz-transform:scale(1.15); /* FireFox */
	-o-transform:scale(1.15); /* Opera */
	cursor: pointer;		
		
}
.scaleimg .scaleimg2 {width: 100%; height: 14rem; background: url("/images/n_common/common_banner_img02.jpg") no-repeat; background-size: cover}
.scaleimg .scaleimg2:hover { 
	transition: all 1s ease; 
	transition: scale(1.15); /* default */
	-webkit-transform:scale(1.15); /* 크롬 */
	-moz-transform:scale(1.15); /* FireFox */
	-o-transform:scale(1.15); /* Opera */
	cursor: pointer;		
		
}
.scaleimg .scaleimg3 {width: 100%; height: 14rem; background: url("/images/n_common/common_banner_img03.jpg") no-repeat; background-size: cover}
.scaleimg .scaleimg3:hover { 
	transition: all 1s ease; 
	transition: scale(1.15); /* default */
	-webkit-transform:scale(1.15); /* 크롬 */
	-moz-transform:scale(1.15); /* FireFox */
	-o-transform:scale(1.15); /* Opera */
	cursor: pointer;		
		
}
.scaleimg .scaleimg4 {width: 100%; height: 14rem; background: url("/images/n_common/common_banner_img04.jpg") no-repeat; background-size: cover}
.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: 1.4rem; color: #ffffff; font-weight: 600; text-align: center; line-height: 1.8rem}
.scaleimg dd { font-size: 1.2rem; color: #ffffff; font-weight: 400; text-align: center; text-decoration: underline; text-underline-offset:10px; line-height: 200%;}
.scaleimg dd span { font-size: 0.7rem; line-height: 30%}
	
/*검색*/
.search {width: 100%; display: flex; align-items: center; justify-content: flex-end}
.search input { width: 45%; font-size: 1.1rem; color: #333333; text-align: left; font-weight: 400; border: 1px solid #c9c9c9; background: #ffffff; padding: 0.3rem; box-sizing: border-box; border-radius: 3px; margin: 0 0.5rem}
.search select { font-size: 1.1rem; color: #333333; text-align: left; font-weight: 400; border: 1px solid #c9c9c9; background: #ffffff; padding: 0.4rem 0.3rem !important; box-sizing: border-box; border-radius: 3px;}
.search .searchbt { background: #333333; font-size: 1.1rem; color: #ffffff; text-align: center; padding: 0.6rem 1rem; box-sizing: border-box; border-radius: 3px; }
.search .searchbt:hover { cursor: pointer}
	
/*게시판 기본 테이블*/
.board_list {width: 100%; clear:both; border-collapse:collapse; border-top:2px solid #333333; border-bottom:1px solid #ececec; margin:6% 0}
.board_list caption{display:none}
.board_list tr {border-bottom :1px solid #ececec; }
.board_list thead td { background:#ffffff; padding: 1rem 0.5rem; text-align: center; font-size: 1.2rem ; color:#333333; font-weight: 600; }
.board_list thead th { background:#ffffff; padding: 1rem 0.5rem; text-align: center; font-size: 1.2rem ; color:#333333; font-weight: 600;}
.board_list tbody th { background:#ffffff; padding: 1rem 0.5rem; font-size: 1.1rem; text-align: center; color:#333333; font-weight: 400}
.board_list tbody td {padding: 1rem 0.5rem ; text-align: left; font-size: 1.1rem; color: #333333; line-height:24px; font-weight: 400; word-break: keep-all;}
.board_list tbody .icon img { width: 0.8rem}
.board_list tbody tr:hover { cursor: pointer}
.board_list .noticetxt {background: #1550c7; color: #ffffff; font-size: 1rem; text-align: center; padding: 0.2rem; margin-right: 0.4rem; border-radius: 3px}
.board_list .icon_end {background: #333333; color: #ffffff; font-size: 1rem; text-align: center; padding: 0.1rem 0.3rem 0.2rem 0.3rem; border-radius: 3px}
.board_list .icon_wait {background: #bbbbbb; color: #ffffff; font-size: 1rem; text-align: center; padding: 0.1rem 0.3rem 0.2rem 0.3rem; border-radius: 3px}

/*게시판 언론보도*/
.new_tablenews { display: flex; width: 100%; clear:both; margin:6% 0; padding:4% 0; border-bottom :1px solid #d8d8d8; border-top :2px solid #333333}
.new_tablenews ul {display: flex; flex-wrap: wrap; align-self: auto !important; justify-content: space-between !important; }
.new_tablenews li { width: 47%; padding: 4% 0}
.new_tablenews li dl {width: 100%;  float:left;  }
.new_tablenews li dl:hover {  text-decoration:none; cursor: pointer; }
.new_tablenews li dt {float: left; padding: 0 ; width: 100%;border:1px solid #e9e9e9; box-sizing: border-box; margin-bottom: 7px}
.new_tablenews li dt img {width: 100%; height: 20vw; object-fit: cover; object-position :top}
.new_tablenews li dd {width: 100%; text-align: left; line-height: 1.4rem; font-size: 1.2rem}
	
/*게시판 기본 상세*/
.board_view { clear: both; width: 100%; display: flex; margin: 0; flex-direction: column}
.board_view .title { clear: both; width: 100%; float: left; font-size: 1.8rem; color: #333333;  text-align: left; font-weight: 800; line-height: 130%; border-bottom: 1px solid #333333; padding: 0 0 1rem 0.1rem; box-sizing: border-box; word-break: keep-all;}
.board_view .title2 { clear: both; width: 100%; float: left; font-size: 1.8rem; color: #333333;  text-align: left; font-weight: 800; line-height: 130%; word-break: keep-all;}
.board_view .date2 { clear: both; width: 100%; float: left; font-size: 1rem; color: #8b8b8b;  text-align: left; font-weight: 400; border-bottom: 1px solid #d4d4d4; padding: 10px 0 20px 4px; box-sizing: border-box}
.board_view .newsgo button { background: #091d3f; color: #ffffff; font-size: 1.1rem; padding: 0.7rem 1.8rem; text-align: center; margin-bottom: 1rem}
.board_view .view { clear: both; width: 100%; text-align: center; padding: 2rem 0; box-sizing: border-box; overflow: hidden; font-size: 1.2rem; color: #333333; font-weight: 400; line-height: 2.2rem !important}
.board_view .view img { width: 100%; }
.board_view img { width: 100%; }
.board_view .txt { clear: both; width: 100%; font-size: 1.2rem; color: #333333; font-weight: 400; text-align: center; padding: 2rem 0; box-sizing: border-box; overflow: hidden; ; line-height: 2.2rem !important}
.board_view .stxt { clear: both; width: 100%; font-size: 0.9rem; color: #848484; font-weight: 300; text-align: center; padding: 2rem 0 3rem 0; box-sizing: border-box; overflow: hidden; line-height: 1.2rem}

/*게시판 리스트 전후사진*/
.image_list_container { display: flex;}
.image_list_container img { width: 100%; height: 5rem; object-fit: cover; }

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

/*게시판 상세 하단 전후사진*/
.image_bottom_list { margin-top: 2rem; width: 100%; position: relative;  display: flex; flex-wrap: wrap; justify-content: space-between;}
.image_bottom_list .image_box { position: relative; width: 48.5%; margin: 0.5rem 0; }
.image_bottom_list .caption { width: 100%; font-size: 1rem; font-weight: 600; text-align: center; border: 1px solid #ddd; padding: 0.7rem 0.2rem; box-sizing: border-box; line-height: 1.2rem; height: 3.8rem; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; overflow: hidden; display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; }
.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: 4.5rem; object-fit: cover; box-sizing: border-box}
.image_bottom_list .image_comparison_100 { display: flex; align-items: center; justify-content: space-between; width: 100%;}
.image_bottom_list .image_comparison_100 img { width: 100%;  height: 6rem; object-fit: cover; box-sizing: border-box}
.image_bottom_list .image_comparison_arrow { position: absolute; left: 44.5%;}
.image_bottom_list .image_comparison_arrow img {width: 30%; object-fit: contain;}
.image_bottom_list .select { border: 1px solid #333333; box-sizing: border-box}
.image_bottom_list .image_box:hover { cursor: pointer}

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

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

.quick { width:100%; padding: 3rem 0 2rem 0; overflow: hidden  }
.quick .floor_tel {width: 100%; }
.quick .floor_tel h2 { text-align: left; font-size: 1.2rem; font-weight: 600; color: #ffffff; background: url("/images/n_common/icon_tel.png") no-repeat left 50%; padding: 0.5rem 0 0.5rem 2.5rem; background-size: 1.8rem}
.quick .floor_tel h3 { font-size: 3.5rem; font-weight: 900; color: #1f69ff; line-height: 3.2rem}
.quick .floor_tel h3 a:link { color: #1f69ff}
.quick .floor_tel p { font-size: 1.1rem; font-weight: 400; color: #ffffff; padding-left: 0.3rem; line-height: 2.5rem}

.quick .floor_sns {width: 70%; padding: 1rem 0; overflow: hidden}
.quick .floor_sns ul {width: 100%; margin: 0 auto; padding: 0; display: flex; flex-direction: row; justify-content: space-between;  }
.quick .floor_sns li { width: 23%; padding: 0 1%; text-align: center; font-size: 1rem ; color: #ffffff; box-sizing: border-box}
.quick .floor_sns li:hover {cursor: pointer}
.quick .floor_sns li img {width: 100%; margin-bottom: 15px}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.apply_agree {clear: both; width: 100%; text-align: center; vertical-align: middle; margin: 0.5rem auto; font-size: 1.2rem; padding: 0; color: #333333;}
	
/*카피라이터*/
.footer { background:#0c0c0c; clear:both; width:100%; float:left; padding: 1.5rem 0 15vw 0; border-top: 1px solid #3d3d3d }
.footer .logo { width:380px; display: none }
.footer .address { float:right; text-align:left ; width:100%; color:#aeaeae}
.footer .address ul { width:100%; padding-bottom:10px; float:left}
.footer .address li { float:left; color:#fff; padding-right: 5px }
.footer .address li a {color:#fff; font-size:1rem}
.footer .address li a:hover {color:#3cc5e9}
.footer .address p { clear:both; color:#aeaeae; font-size:1rem}

.quickBar {position:fixed;bottom:0px;padding:0px;width:100%; z-index: 998; background: #063ea4; opacity: 94%; display:block}
.quickBar ul{ width:100%; margin:0 auto; padding:0 ;}
.quickBar ul li { float:left; display:inline-block; width:20%; padding:0; margin:0; text-align:center;}
.quickBar ul li img{ width:70%; text-align:center;}

	
}

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

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

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

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


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


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

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

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

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

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

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

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

/* 버튼 크기 공통 */
button { margin: 0; padding: 0; cursor: pointer;}
.btn_w25 { display: inline; width: 25%; }
.btn_w50 { display: inline; width: 50%; }
.btn_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:1.04rem 0; font-size:1.2rem; }
.btn_black { border-radius: 5px; color:#ffffff; background:#333333; font-weight: 600; text-align:center; box-sizing: border-box; padding:1.1rem 0; font-size:1.2rem; }
.btn_violet { border-radius: 5px; color:#ffffff; background:#7000d8; font-weight: 600; text-align:center; box-sizing: border-box; padding:1.1rem 0; font-size:1.2rem; }
.btn_blue { border-radius: 5px; color:#ffffff; background:#1550c7; font-weight: 600; text-align:center; box-sizing: border-box; padding:1.1rem 0; font-size:1.2rem; }
	
/* form100 공통 */
.input_set { position:relative; margin-bottom:5px; clear: both}
.input_set .fl { position:absolute; top:0; left:0}
.input_set .fr { position:absolute; top:0; right:0}

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

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

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

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

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

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

.sub_top.sub01_01 { background: url("/images/n_common/n_titleimg01_01m.jpg") no-repeat ; background-size: cover }
.sub_top.sub04_01 { background: url("/images/n_common/n_titleimg04m.jpg") no-repeat ; background-size: cover }
.sub_top.sub04_02 { background: url("/images/n_common/n_titleimg04_02m.jpg") no-repeat ; background-size: cover }
.sub_top.sub05_03 { background: url("/images/n_common/n_titleimg05_03m.jpg") no-repeat ; background-size: cover }
.sub_top.sub05_04 { background: url("/images/n_common/n_titleimg05_04m.jpg") no-repeat ; background-size: cover }
.sub_top.sub05_07 { background: url("/images/n_common/n_titleimg05_07m.jpg") no-repeat ; background-size: cover }
.sub_top.sub05_08 { background: url("/images/n_common/n_titleimg05_08m.jpg") no-repeat ; background-size: cover }
.sub_top.sub07_09 { background: url("/images/n_common/n_titleimg07_09m.jpg") no-repeat ; background-size: cover }
.sub_top.sub13_01 { background: url("/images/n_common/n_titleimg13m.jpg") no-repeat ; background-size: cover }
.sub_top.sub08_info08 { background: url("/images/n_common/n_titleimg_info08m.jpg") no-repeat ; background-size: cover }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*서브 중간 좌측이미지 우측숫자 리스트*/
.sub_limg_rlist { clear: both; width: 100%; overflow: hidden; display: flex; align-items: center; flex-direction: column}
.sub_limg_rlist .leftimg {padding: 0;}
.sub_limg_rlist .leftimg img { width: 100%}		
.sub_limg_rlist .righttxt { box-sizing: border-box; text-align: center; }
.sub_limg_rlist .righttxt .graybox26{ background: #333333; font-size: 1.2rem; color: #ffffff; font-weight: 800; padding: 4px 10px; line-height: 2.6rem; text-transform: uppercase; order: 1}
.sub_limg_rlist .righttxt ul {width: 100%; margin-top: 1rem}
.sub_limg_rlist .righttxt li { width: 100%; background: #ffffff; padding: 0.5rem 0; box-sizing: border-box; text-align: left;  order: 4}
.sub_limg_rlist .righttxt li:nth-child { margin-bottom: 0; }
.sub_limg_rlist .righttxt li dt { width: 1.5rem; height: 1.5rem; background: #1550c7; font-weight:600; color: #ffffff ; font-size:0.9rem; text-align: center; float: left; border-radius: 0.75rem; line-height: 1.5rem}
.sub_limg_rlist .righttxt li dd { padding: 0 0 0 1.8rem; font-weight:400; color: #333333 ; font-size:1.2rem; line-height: 1.6rem}
.sub_limg_rlist .righttxt li dd span { font-weight:800;}
	
/*공통 좌측 숫자 리스트*/
.number_list { clear: both; width: 100%; overflow: hidden;}
.number_list ul {width: 100%; display: flex; flex-direction: column}
.number_list li { width: 100%; background: #ffffff; padding: 0.4rem 0; box-sizing: border-box; text-align: left;}
.number_list li:nth-child { margin-bottom: 0; }
.number_list li dt { width: 1.5rem; height: 1.5rem; background: #1550c7; font-weight:600; color: #ffffff ; font-size:1rem; text-align: center; float: left; border-radius: 0.75rem; line-height: 1.4rem}
.number_list li dd { padding: 0 0 0 1.8rem; font-weight:400; color: #333333 ; font-size:1.2rem; line-height: 1.6rem}
.number_list li dd span { font-weight:800;}
	
/*음경확대 재료_사각*/
.enlargement_square2 { clear: both; width: 100%; float: left; margin: 1rem 0}
.enlargement_square2 ul { margin: 0 auto;}
.enlargement_square2 li { float: left; box-sizing: border-box; width: 100%; margin: 2% 0}
.enlargement_square2 li dl { display: flex ; background: #ffffff ; flex-direction:column; align-items: center; justify-content: space-between; border-radius: 0.5rem; width: 100%; opacity: 5; transition: all 0.5s; padding: 0 0 2rem 0 ; box-sizing: border-box }
.enlargement_square2 li dt { width: 100%; text-align: center;}
.enlargement_square2 li dt img { width: 100%}
.enlargement_square2 li dd { width: 100%; font-size: 1.8rem; font-weight: 700; text-align: center; margin-top: 0.5rem}
.enlargement_square2 li dd img { width: 2rem; margin-right: 0.5rem}
.enlargement_square2 li dl:hover { background: #1550c7; cursor: pointer; color: #ffffff}
	
/*음경확대 팝업 정보*/
.enlargement_pop { clear: both; width: 100%; float: left; padding: 60px 20px; box-sizing: border-box}
.enlargement_pop h2 { font-size:1.8rem; line-height:2rem; font-weight: 700; letter-spacing: -1px; margin-top: 0.5rem}
.enlargement_pop h3 { font-size:1.2rem; line-height:1.6rem; font-weight: 400; letter-spacing: -1px; margin:1rem 0 0 0; color: #333333 ; }
.enlargement_pop .boxpoint { background: #333333; width: 100%; font-size:1.3rem; line-height:1.8rem; font-weight: 600; letter-spacing: -1px; padding:1rem 0.4rem; color: #ffffff ;box-sizing: border-box }
.enlargement_pop img { width: 100%; margin: 1rem 0}
	
/*성병 종류_원*/
.std_circle6 { clear: both; width: 100%; float: left; margin: 1rem 0}
.std_circle6 ul { margin: 0 auto;}
.std_circle6 li {  float: left; box-sizing: border-box; width: 47%; margin: 1.5%}
.std_circle6 li dl { display: flex ; background: #ffffff ; flex-direction: row-reverse; align-items: center; justify-content: space-between; border-radius: 2rem; width: 100%; height: 3.5rem; opacity: 5; transition: all 0.5s; padding: 0 1rem ; box-sizing: border-box }
.std_circle6 li dt { width: 100%; text-align: right; margin-bottom: 0; }
.std_circle6 li dt img { width: 1.5rem;}
.std_circle6 li dd { width: 100%; font-size: 1.1rem; font-weight: 500; line-height: 2.5rem; text-align: left;}
.std_circle6 li dl:hover { background: #1550c7; cursor: pointer; color: #ffffff}
	
/*성병 서브 탭*/
.stdtab ul.tabs { width: 100%; display: flex; flex-direction: row; justify-content:flex-start; align-items: center; margin: 0;}        
.stdtab ul.tabs li { float: left; margin: 0; font-size: 1.2rem; color: #acacac; font-weight: 400; text-align: center; width: 10rem }        
.stdtab ul.tabs li a { position: relative; border: 1px solid #acacac; background: #f0f0f0; border-radius: 3px 3px 0 0; padding: 5px 10px; outline:none; color: #acacac; }        
.stdtab ul.tabs li a:visited { color: #000;}        
.stdtab ul.tabs li a:hover {  background:#ffffff; color: #333333}        
.stdtab ul.tabs li.selected a, .stdtab ul.tabs li.selected a:hover { position: relative; top: 0px; font-weight:600; background: #ffffff; color: #333333; border-bottom-color: #ffffff}        
.stdtab ul.tabs li.selected a:hover { text-decoration: none;}
.stdtab div.tabcontents {width: 100%; clear: both; float: left; border-top: 1px solid #B7B7B7; padding:1rem 0 0 0; margin: 0; margin-top: -1px}
	
/*성병팝업 정보*/
.stdprocess { clear: both; width: 100%; float: left; padding: 2%; box-sizing: border-box}
.stdprocess h2 { font-size:1.8rem; line-height:2rem; font-weight: 700; letter-spacing: -1px; margin-top: 0.5rem}
.stdprocess h3 { font-size:1.1rem; line-height:1.6rem; font-weight: 400; letter-spacing: -1px; margin:1rem 0 0 0; color: #333333 ; }
.stdprocess ul { width: 100%; display: flex; flex-direction:column; justify-content: space-between; align-items: flex-start; margin: 0.3rem 0 1rem 0; }
.stdprocess li {width: 100%; margin: 0.5rem 0; display: flex; flex-direction:row; justify-content: space-between; align-items: center; }
.stdprocess li p {width: 28%; float: left; text-align: left; display: flex; justify-content: space-between; align-items: center; margin : 0}
.stdprocess li p img { width: 5rem}
.stdprocess li dl { width: 72%; display: flex; flex-direction:column; justify-content: space-between; align-items: flex-start; margin: 0; }
.stdprocess li dt { font-size: 1.1rem; font-weight: 400; color: #333333; text-align: left; margin-bottom: 0.5rem}
.stdprocess li dd { font-size: 1.1rem; font-weight: 600; color: #1550c7; text-align: left; line-height: 1.5rem; }
.stdprocess .stdtest { background: #333333; width: 100%; font-size:1.3rem; line-height:2rem; font-weight: 700; letter-spacing: -1px; padding:0.5rem 0; color: #ffffff ;box-sizing: border-box }

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

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

	
/*수술정보*/
.subProcess { clear: both; width: 100%; float: left; margin: 0}
.subProcess ul { width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; flex-wrap: wrap}
.subProcess li {width: 50%; margin: 1.5rem 0}
.subProcess li p {text-align: center; margin-bottom: 1rem}
.subProcess li img { width: 50%}
.subProcess li dt { font-size: 1.2rem; font-weight: 400; color: #333333; text-align: center; margin-bottom: 0.5rem}
.subProcess li dd { font-size: 1.2rem; font-weight: 600; color: #1550c7; text-align: center }
	
.subProcess_5 { clear: both; width: 100%; float: left; margin: 0}
.subProcess_5 ul { width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; flex-wrap: wrap}
.subProcess_5 li {width: 50%; margin: 1.5rem 0}
.subProcess_5 li p {text-align: center; margin-bottom: 1rem}
.subProcess_5 li img { width: 50%}
.subProcess_5 li dt { font-size: 1.2rem; font-weight: 400; color: #333333; text-align: center; margin-bottom: 0.5rem}
.subProcess_5 li dd { font-size: 1.2rem; font-weight: 600; color: #1550c7; text-align: center }
	
.subProcess_6 { clear: both; width: 100%; float: left; margin: 0}
.subProcess_6 ul { width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; flex-wrap: wrap}
.subProcess_6 li {width: 50%; margin: 1.5rem 0}
.subProcess_6 li p {text-align: center; margin-bottom: 1rem}
.subProcess_6 li img { width: 50%}
.subProcess_6 li dt { font-size: 1.2rem; font-weight: 400; color: #333333; text-align: center; margin-bottom: 0.5rem}
.subProcess_6 li dd { font-size: 1.2rem; font-weight: 600; color: #1550c7; text-align: center }
	
/*수술전후*/
.before_after  { clear: both; width: 100%; overflow: hidden; margin: 2rem 0 0 0; display: flex; flex-direction: column; }
.before_after .before dl { width: 100%; float: left; }
.before_after .before dt { text-align: center; border: 1px solid #cbcbcb; box-sizing: border-box}
.before_after .before dd { width: 100%;margin: 0 auto; text-align: center; padding: 15px; font-size: 1.1rem; background: #cbcbcb; color: #ffffff; font-weight: 600; border: 1px solid #cbcbcb; border-top: none; box-sizing: border-box}
.before_after .after dl { width: 100%; float: left; }
.before_after .after dt { text-align: center; border: 1px solid #1550c7; box-sizing: border-box}
.before_after .after dd { width: 100%; margin: 0 auto; text-align: center; padding: 15px; font-size: 1.1rem; background: #1550c7; color: #ffffff; font-weight: 600; border: 1px solid #1550c7; border-top: none; box-sizing: border-box}
.before_after .arrow { padding: 1rem 0; text-align: center}
.before_after .arrow img { width: 2rem; transform: rotate(90deg)}
.before_after img { width: 100%}	
	
/*체크리스트*/
.sub_checklist { clear: both; width: 100%; float: left; margin: 0}
.sub_checklist ul { float: left; margin: 0 auto; }
.sub_checklist li { background: #f0f0f0 url("/images/n_common/checklist_icon.png") no-repeat 3% 50%; background-size: 1.5rem; opacity: 5; float: left; box-sizing: border-box; margin: 5px 0; padding: 20px 0 20px 10px; width: 100%}
.sub_checklist li p { font-size: 1.2rem; font-weight: 400; color: #333333; text-align: left; width: 96%; float: left; padding-left: 2rem; box-sizing: border-box; }
	
/*보유장비소개*/
.equipment{width: 100%; margin: 0 auto; clear: both ; position: relative ; box-sizing: border-box; overflow: hidden; }
.equipment .superscription { width: 100%; clear: both; float: left; padding: 0.6rem 0; text-align: center; background: #1f4392;  font-weight: 600; font-size: 1.6rem; color: #ffffff; margin-bottom: 1rem}
.equipment .superscription2 { width: 100%; clear: both; float: left; padding: 0.6rem 0; text-align: center; background: #0088d0;  font-weight: 600; font-size: 1.6rem; color: #ffffff; margin: 4rem 0 1rem 0}
.equipment ul {width: 100%; ; margin-top: 1rem;  }
.equipment li { width: 100%;   margin-bottom: 3%; border: 1px solid #d2d2d2; box-sizing: border-box;}	
.equipment li dl {clear: both; margin: 0; width: 100%; box-sizing: border-box; display:flex;align-items: stretch; justify-content: center;}
.equipment li dt {width: 30%; box-sizing: border-box; display:flex; align-items:center; justify-content:center; }
.equipment li dt img { width: 100%; }
.equipment li dd { width: 70%; background: #f4f4f4; padding: 0.6rem 0.5rem ; border-left: 1px solid #d2d2d2; border-top: none; box-sizing: border-box; display:flex; align-items:flex-start; justify-content: center;flex-direction: column}
.equipment li dd .title {padding: 0 0 0.4rem 0; font-size: 1.3rem; color: #181818;  font-weight: 600;; text-align: left; letter-spacing: -0.5px}
.equipment li dd .txt {padding: 0; font-size: 1.1rem; color: #181818; text-align: left; letter-spacing: -1px}
	
/* 로그인 */
.login { clear: both; width: 100%; float: left; padding: 0; box-sizing: border-box}
.login h4{ clear: both; width: 100%; font-size: 2.2rem; color: #333333;  text-align: center; font-weight: 800;  margin: 1rem 0; }
.login .bt_login { width: 100%; background: #1550c7; font-size: 1.2rem; color: #ffffff; text-align: center; padding: 1rem; box-sizing: border-box; border-radius: 3px; font-weight: 600}
.login .bt_join { width: 100%; background: #ffffff; font-size: 1.2rem; color: #333333; border: 1px solid #333333; text-align: center; padding: 1rem; box-sizing: border-box; border-radius: 3px; font-weight: 600}
.login .bt_naver { width: 100%; background: #2db400 url("/images/n_common/icon_naver.png") no-repeat 7% 50%; background-size: 25px; font-size: 1.2rem; color: #ffffff; text-align: center; padding: 1rem; box-sizing: border-box; border-radius: 3px; font-weight: 600}
.login .bt_kakao { width: 100%; background: #ffeb00 url("/images/n_common/icon_kakao.png") no-repeat 6% 50%; background-size: 33px; font-size: 1.2rem; color: #3c1e1e; text-align: center; padding: 1rem; box-sizing: border-box; border-radius: 3px; font-weight: 600}

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

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

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

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

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

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

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

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

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

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

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

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

.scaleimg {position: relative; width: 100%; height: 14rem; overflow: hidden }
.scaleimg .scaleimg1 {width: 100%; height: 14rem; background: url("/images/n_common/common_banner_img01.jpg") no-repeat; background-size: cover}
.scaleimg .scaleimg1:hover { 
	transition: all 1s ease; 
	transition: scale(1.15); /* default */
	-webkit-transform:scale(1.15); /* 크롬 */
	-moz-transform:scale(1.15); /* FireFox */
	-o-transform:scale(1.15); /* Opera */
	cursor: pointer;		
		
}
.scaleimg .scaleimg2 {width: 100%; height: 14rem; background: url("/images/n_common/common_banner_img02.jpg") no-repeat; background-size: cover}
.scaleimg .scaleimg2:hover { 
	transition: all 1s ease; 
	transition: scale(1.15); /* default */
	-webkit-transform:scale(1.15); /* 크롬 */
	-moz-transform:scale(1.15); /* FireFox */
	-o-transform:scale(1.15); /* Opera */
	cursor: pointer;		
		
}
.scaleimg .scaleimg3 {width: 100%; height: 14rem; background: url("/images/n_common/common_banner_img03.jpg") no-repeat; background-size: cover}
.scaleimg .scaleimg3:hover { 
	transition: all 1s ease; 
	transition: scale(1.15); /* default */
	-webkit-transform:scale(1.15); /* 크롬 */
	-moz-transform:scale(1.15); /* FireFox */
	-o-transform:scale(1.15); /* Opera */
	cursor: pointer;		
		
}
.scaleimg .scaleimg4 {width: 100%; height: 14rem; background: url("/images/n_common/common_banner_img04.jpg") no-repeat; background-size: cover}
.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: 1.2rem; color: #ffffff; font-weight: 600; text-align: center; line-height: 1.8rem}
.scaleimg dd { font-size: 1rem; color: #ffffff; font-weight: 400; text-align: center; text-decoration: underline; text-underline-offset:10px; line-height: 200%;}
.scaleimg dd span { font-size: 0.7rem; line-height: 30%}
	
/*검색*/
.search {width: 100%; display: flex; align-items: center; justify-content: flex-end}
.search input { width: 45%; font-size: 1.1rem; color: #333333; text-align: left; font-weight: 400; border: 1px solid #c9c9c9; background: #ffffff; padding: 0.3rem; box-sizing: border-box; border-radius: 3px; margin: 0 0.5rem}
.search select { font-size: 1.1rem; color: #333333; text-align: left; font-weight: 400; border: 1px solid #c9c9c9; background: #ffffff; padding: 0.4rem 0.3rem !important; box-sizing: border-box; border-radius: 3px;}
.search .searchbt { background: #333333; font-size: 1.1rem; color: #ffffff; text-align: center; padding: 0.6rem 1rem; box-sizing: border-box; border-radius: 3px; }
.search .searchbt:hover { cursor: pointer}
	
/*게시판 기본 테이블*/
.board_list {width: 100%; clear:both; border-collapse:collapse; border-top:2px solid #333333; border-bottom:1px solid #ececec;  margin:6% 0 }
.board_list caption{display:none}
.board_list tr {border-bottom :1px solid #ececec; }
.board_list thead td { background:#ffffff; padding: 1rem 0.5rem; text-align: center; font-size: 1.2rem ; color:#333333; font-weight: 600; }
.board_list thead th { background:#ffffff; padding: 1rem 0.5rem; text-align: center; font-size: 1.2rem ; color:#333333; font-weight: 600;}
.board_list tbody th { background:#ffffff; padding: 1rem 0.5rem; font-size: 1.1rem; text-align: center; color:#333333; font-weight: 400}
.board_list tbody td {padding: 1rem 0.5rem ; text-align: left; font-size: 1.1rem; color: #333333; line-height:24px; font-weight: 400; word-break: keep-all;}
.board_list tbody .icon img { width: 0.8rem}
.board_list tbody tr:hover { cursor: pointer}
.board_list .noticetxt {background: #1550c7; color: #ffffff; font-size: 1rem; text-align: center; padding: 0.2rem; margin-right: 0.4rem; border-radius: 3px}
.board_list .icon_end {background: #333333; color: #ffffff; font-size: 1rem; text-align: center; padding: 0.1rem 0.3rem 0.2rem 0.3rem; border-radius: 3px}
.board_list .icon_wait {background: #bbbbbb; color: #ffffff; font-size: 1rem; text-align: center; padding: 0.1rem 0.3rem 0.2rem 0.3rem; border-radius: 3px}

/*게시판 언론보도*/
.new_tablenews { display: flex; width: 100%; clear:both; margin:6% 0; padding:5% 0; border-bottom :1px solid #d8d8d8; border-top :2px solid #333333}
.new_tablenews ul {display: flex; flex-wrap: wrap; align-self: auto !important; justify-content: space-between !important;}
.new_tablenews li { width: 47%; padding: 4% 0}
.new_tablenews li dl {width: 100%;  float:left;  }
.new_tablenews li dl:hover {  text-decoration:none; cursor: pointer; }
.new_tablenews li dt {float: left; padding: 0 ; width: 100%;border:1px solid #e9e9e9; box-sizing: border-box; margin-bottom: 7px}
.new_tablenews li dt img {width: 100%; height: 27vw; object-fit: cover; object-position :top}
.new_tablenews li dd {width: 100%; text-align: left; line-height: 1.3rem; font-size: 1.2rem}
	
/*게시판 기본 상세*/
.board_view { clear: both; width: 100%; display: flex; margin: 0; flex-direction: column}
.board_view .title { clear: both; width: 100%; float: left; font-size: 1.6rem; color: #333333;  text-align: left; font-weight: 800; line-height: 130%; border-bottom: 1px solid #333333; padding: 0 0 1rem 0.1rem; box-sizing: border-box; word-break: keep-all;}
.board_view .title2 { clear: both; width: 100%; float: left; font-size: 1.6rem; color: #333333;  text-align: left; font-weight: 800; line-height: 130%; word-break: keep-all;}
.board_view .date2 { clear: both; width: 100%; float: left; font-size: 1rem; color: #8b8b8b;  text-align: left; font-weight: 400; border-bottom: 1px solid #d4d4d4; padding: 10px 0 20px 4px; box-sizing: border-box}
.board_view .newsgo button { background: #091d3f; color: #ffffff; font-size: 1rem; padding: 0.7rem 1.8rem; text-align: center; margin-bottom: 1rem}
.board_view .view { clear: both; width: 100%; text-align: center; padding: 2rem 0; box-sizing: border-box; overflow: hidden; font-size: 1.2rem; color: #333333; font-weight: 400; line-height: 2.2rem !important}
.board_view .view img { width: 100%; }
.board_view img { width: 100%; }
.board_view .txt { clear: both; width: 100%; font-size: 1.2rem; color: #333333; font-weight: 400; text-align: center; padding: 2rem 0; box-sizing: border-box; overflow: hidden; ; line-height: 2.2rem !important}
.board_view .stxt { clear: both; width: 100%; font-size: 0.9rem; color: #848484; font-weight: 300; text-align: center; padding: 2rem 0 3rem 0; box-sizing: border-box; overflow: hidden; line-height: 1.2rem}

/*게시판 리스트 전후사진*/
.image_list_container { display: flex;}
.image_list_container img { width: 100%; height: 5rem; object-fit: cover; }

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

/*게시판 상세 하단 전후사진*/
.image_bottom_list { margin-top: 2rem; width: 100%; position: relative;  display: flex; flex-wrap: wrap; justify-content: space-between;}
.image_bottom_list .image_box { position: relative; width: 48.5%; margin: 0.5rem 0; }
.image_bottom_list .caption { width: 100%; font-size: 1rem; font-weight: 600; text-align: center; border: 1px solid #ddd; padding: 0.7rem 0.2rem; box-sizing: border-box; line-height: 1.2rem; height: 3.8rem; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; overflow: hidden; display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; }
.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: 4.5rem; object-fit: cover; box-sizing: border-box}
.image_bottom_list .image_comparison_100 { display: flex; align-items: center; justify-content: space-between; width: 100%;}
.image_bottom_list .image_comparison_100 img { width: 100%;  height: 6rem; object-fit: cover; box-sizing: border-box}
.image_bottom_list .image_comparison_arrow { position: absolute; left: 44.5%;}
.image_bottom_list .image_comparison_arrow img {width: 30%; object-fit: contain;}
.image_bottom_list .select { border: 1px solid #333333; box-sizing: border-box}
.image_bottom_list .image_box:hover { cursor: pointer}

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

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

.quick { width:100%; padding: 3rem 0 2rem 0; overflow: hidden  }
.quick .floor_tel {width: 100%; }
.quick .floor_tel h2 { text-align: left; font-size: 1.2rem; font-weight: 600; color: #ffffff; background: url("/images/n_common/icon_tel.png") no-repeat left 50%; padding: 0.5rem 0 0.5rem 2.5rem; background-size: 1.8rem}
.quick .floor_tel h3 { font-size: 3.5rem; font-weight: 900; color: #1f69ff; line-height: 3.2rem}
.quick .floor_tel h3 a:link { color: #1f69ff}
.quick .floor_tel p { font-size: 1.1rem; font-weight: 400; color: #ffffff; padding-left: 0.3rem; line-height: 2.5rem}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.apply_agree {clear: both; width: 100%; text-align: center; vertical-align: middle; margin: 0.5rem auto; font-size: 1.2rem; padding: 0; color: #333333;}
	
/*카피라이터*/
.footer { background:#0c0c0c; clear:both; width:100%; float:left; padding: 1.5rem 0 6rem 0; border-top: 1px solid #3d3d3d }
.footer .logo { width:380px; display: none }
.footer .address { float:right; text-align:left ; width:100%; color:#aeaeae}
.footer .address ul { width:100%; padding-bottom:10px; float:left}
.footer .address li { float:left; color:#fff; padding-right: 5px }
.footer .address li a {color:#fff; font-size:1rem}
.footer .address li a:hover {color:#3cc5e9}
.footer .address p { clear:both; color:#aeaeae; font-size:1rem}

.quickBar {position:fixed; bottom:0px; padding:0px; width:100%; z-index: 9999; display:block; max-width: 800px;}
.quickBar ul {width:100%; margin:0 auto; padding:0;}
.quickBar ul li { float:left; display:inline-block; width:20%; padding:0; margin:0; text-align:center;}
.quickBar ul li img{ width:100%;}
	
}