@charset "utf-8";

/* 초기화 */
/* html {
  overflow-y: scroll;
} */

body {
  margin: 0;
  padding: 0;
  font-size: 0.75em;
  font-family: 'Noto Sans KR', sans-serif;
  overflow-x: hidden;
  background: #fff;
}

html,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
img {
  margin: 0;
  padding: 0;
  border: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1em;
  font-family: 'Noto Sans KR', sans-serif;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block
}

ul,
dl,
dt,
dd {
  margin: 0;
  padding: 0;
  list-style: none
}

legend {
  position: absolute;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  text-indent: -9999em;
  overflow: hidden
}

label,
input,
button,
select,
img {
  vertical-align: middle;
  font-size: 1em
}

input,
button {
  margin: 0;
  padding: 0;
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 1em
}

input[type="submit"] {
  cursor: pointer
}

button {
  cursor: pointer
}

textarea,
select {
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 1em
}

select {
  margin: 0
}

p {
  margin: 0;
  padding: 0;
  word-break: break-all
}

hr {
  display: none
}

pre {
  overflow-x: scroll;
  font-size: 1.1em
}

a {
  color: #000;
  text-decoration: none
}

*,
:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input[type=text],
input[type=password],
textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
}

input[type=text]:focus,
input[type=password]:focus,
textarea:focus,
select:focus {
  -webkit-box-shadow: 0 0 5px #9ed4ff;
  -moz-box-shadow: 0 0 5px #9ed4ff;
  box-shadow: 0 0 5px #9ed4ff;
  border: 1px solid #558ab7 !important;
}

.placeholdersjs {
  color: #aaa !important;
}

/* 레이아웃 크기 지정 */
#hd,
#wrapper,
#ft {
  min-width: 1200px
}

#hd_pop,
#hd_wrapper,
#tnb ul,
#gnb .gnb_wrap,
#container_wr,
#ft_wr {
  width: 1200px
}

/* 팝업레이어 */
#hd_pop {
  z-index: 1000;
  position: relative;
  margin: 0 auto;
  height: 0
}

#hd_pop h2 {
  position: absolute;
  font-size: 0;
  line-height: 0;
  overflow: hidden
}

.hd_pops {
  position: absolute;
  border: 1px solid #e9e9e9;
  background: #fff;
}

.hd_pops img {
  max-width: 100%
}


.hd_pops_footer {
  padding: 0;
  background: #000;
  color: #fff;
  text-align: left;
  position: relative;
}

.hd_pops_footer:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: ""
}

.hd_pops_footer button {
  padding: 10px;
  border: 0;
  color: #fff
}

.hd_pops_footer .hd_pops_reject {
  background: #000;
  text-align: left
}

.hd_pops_footer .hd_pops_close {
  background: #393939;
  position: absolute;
  top: 0;
  right: 0
}

/* 상단 레이아웃 */
#hd {
  border-top: 2px solid #253dbe
}

#hd_h1 {
  position: absolute;
  font-size: 0;
  line-height: 0;
  overflow: hidden
}

#hd_wrapper {
  position: relative;
  margin: 0 auto;
  padding: 10px 0;
  height: 115px;
  zoom: 1
}

#hd_wrapper:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: ""
}

#logo {
  float: left;
  padding: 30px 0 0
}

.hd_sch_wr {
  position: absolute;
  top: 25px;
  left: 50%;
  width: 430px;
  margin-left: -215px;
}

#hd_sch h3 {
  position: absolute;
  font-size: 0;
  line-height: 0;
  overflow: hidden
}

#hd_sch {
  border: 2px solid #556ada;
  background: #fff;
  border-radius: 5px;
  overflow: hidden
}

#hd_sch #sch_stx {
  padding-left: 10px;
  height: 40px;
  width: 376px;
  border: 0;
  border-right: 0;
  float: left;
  font-size: 1.25em
}

#hd_sch #sch_submit {
  height: 40px;
  border: 0;
  background: #fff;
  color: #253dbe;
  width: 50px;
  float: left;
  cursor: pointer;
  font-size: 18px
}

#sbn_side {
  position: absolute;
  top: 20px;
  right: 0
}

#tnb {
  border-bottom: 1px solid #ddd;
  background: #fff
}

#tnb h3 {
  position: absolute;
  font-size: 0;
  line-height: 0;
  overflow: hidden
}

#tnb ul {
  margin: 0 auto;
  zoom: 1
}

#tnb ul:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: ""
}

#tnb li {
  float: right;
  border-left: 1px solid #ddd;
  margin-bottom: -1px;
  font-size: 0.92em
}

#tnb a {
  display: inline-block;
  padding: 0 10px;
  color: #646464;
  line-height: 35px
}

#tnb a:focus,
#tnb a:hover {
  color: #253dbe;
  background: #fafafa
}

#tnb .tnb_admin a {
  color: #ff0000;
}

#tnb .tnb_left {
  float: left
}

#tnb .tnb_left a {
  padding: 0 14px
}

#tnb .tnb_cart {
  border-right: 1px solid #ddd;
}

#tnb .tnb_community {
  border-right: 1px solid #ddd
}

#tnb .tnb_community i {
  font-size: 15px
}

#tnb .tnb_community {
  background: #e7e7e7;
  font-weight: bold;
}

#tnb .tnb_community:focus,
#tnb .tnb_community:hover {
  color: #333;
  border-bottom: 0
}

#tnb .tnb_community a {
  color: #253dbe;
  border-bottom: 1px solid #e7e7e7
}

#hd_qnb {
  float: right;
  margin-top: 20px
}

#hd_qnb:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: ""
}

#hd_qnb li {
  float: left;
  font-size: 1.083em;
  line-height: 15px;
  position: relative;
  text-align: center;
  margin: 0 10px
}

#hd_qnb li span {
  display: block;
  margin-top: 5px;
  font-size: 0.92em
}

#hd_qnb li a {
  display: block
}

#hd_qnb li i {
  display: inline-block;
  width: 40px;
  line-height: 40px;
  border-radius: 25px;
  background: #fff;
  text-align: center;
  margin: 0;
  color: #fff
}

#hd_qnb .visit .visit-num {
  display: inline-block;
  line-height: 18px;
  padding: 0 5px;
  border-radius: 10px;
  background: #f04e00;
  color: #fff;
  font-size: 10px;
  position: absolute;
  top: 0;
  right: 0
}

#hd_qnb li .fa-question {
  background: #e83a5f;
  font-size: 20px
}

#hd_qnb li .fa-question:hover {
  background: #e41b45
}

#hd_qnb li .fa-comments {
  background: #82c13f;
  font-size: 16px
}

#hd_qnb li .fa-comments:hover {
  background: #5aa708
}

#hd_qnb li .fa-users {
  background: #f0ba00;
  font-size: 15px
}

#hd_qnb li .fa-users:hover {
  background: #f06f00
}

#hd_qnb li .fa-history {
  background: #8522c4;
  font-size: 15px
}

#hd_qnb li .fa-history:hover {
  background: #6700a9
}

/* 메인메뉴 */
#gnb {
  position: relative
}

#gnb h2 {
  position: absolute;
  font-size: 0;
  line-height: 0;
  overflow: hidden
}

#gnb .gnb_wrap {
  margin: 0 auto;
  position: relative
}

#gnb #gnb_1dul {
  font-size: 1.083em;
  padding: 0;
  background: #253dbe;
  zoom: 1;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3)
}

#gnb ul:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: ""
}

#gnb .gnb_1dli {
  float: left;
  line-height: 50px;
  padding: 0 15px;
  position: relative;
}

#gnb .gnb_1dli:hover {
  background: #1a30a7;
  -webkit-transition: background-color 2s ease-out;
  -moz-transition: background-color 0.3s ease-out;
  -o-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
}

.gnb_1dli .bg {
  display: inline-block;
  width: 10px;
  height: 10px;
  overflow: hidden;
  background: url(../img/gnb_bg2.gif) no-repeat 50% 50%;
  text-indent: -999px
}

.gnb_1da {
  display: inline-block;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
}

.gnb_2dli {
  border-top: 1px solid #253dbe
}

.gnb_2dli:first-child {
  border: 0
}

.gnb_2dul {
  display: none;
  position: absolute;
  top: 50px;
  min-width: 140px;
  background: #1a30a7;
  padding: 0;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}

.gnb_2da {
  display: block;
  padding: 0 10px;
  line-height: 40px;
  color: #c3cbf7;
  text-align: left;
  text-decoration: none
}

a.gnb_2da:hover {
  background: #0e2080;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.gnb_1dli_air .gnb_2da {}

.gnb_1dli_on .gnb_2da {}

.gnb_2da:focus,
.gnb_2da:hover {
  color: #fff
}

.gnb_1dli_over .gnb_2dul {
  display: block;
  left: 0
}

.gnb_1dli_over2 .gnb_2dul {
  display: block;
  right: 0
}

.gnb_wrap .gnb_empty {
  padding: 10px 0;
  width: 100%;
  text-align: center;
  line-height: 2em;
  color: #fff
}

.gnb_wrap .gnb_empty a {
  color: #fff;
  text-decoration: underline
}

.gnb_wrap .gnb_al_ul .gnb_empty,
.gnb_wrap .gnb_al_ul .gnb_empty a {
  color: #555
}

#gnb .gnb_menu_btn {
  background: #4158d1;
  color: #fff;
  width: 50px;
  height: 50px;
  border: 0;
  vertical-align: top;
  font-size: 18px
}

#gnb .gnb_close_btn {
  background: #4158d1;
  color: #fff;
  width: 50px;
  height: 50px;
  border: 0;
  vertical-align: top;
  font-size: 18px;
  position: absolute;
  top: -50px;
  left: 0
}

#gnb .gnb_mnal {
  padding: 0
}

#gnb_all {
  display: none;
  position: absolute;
  width: 100%;
  z-index: 99;
}

#gnb_all .gnb_al_ul:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: ""
}

#gnb_all .gnb_al_ul {
  background: #fff;
  border: 1px solid #4158d1;
  padding: 20px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

#gnb_all .gnb_al_li {
  background: #fff;
  float: left;
  min-width: 20%;
  padding: 5px
}

#gnb_all .gnb_al_li .gnb_al_a {
  font-size: 1.083em;
  padding: 10px;
  display: block;
  position: relative;
  margin-bottom: 10px;
  background: #eff1f9;
  border-bottom: 1px solid #dee2f1;
  font-weight: bold;
  color: #243071
}

#gnb_all .gnb_al_li li {
  padding-left: 10px;
  line-height: 2em
}

#gnb_all .gnb_al_li li i {
  color: #9ca6cc
}

#gnb_all .gnb_al_li li a {
  color: #555
}

/* 중간 레이아웃 */
#wrapper {}

#container_wr:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: ""
}

#container_wr {
  z-index: 5;
  margin: 0 auto;
  height: 100%;
  zoom: 1
}

#aside {
  float: right;
  width: 305px;
  padding: 0;
  background: #e7ebf3;
  height: 100%;
  border: 1px solid #adbfd2;
  margin: 20px 0 20px 20px
}

#container {
  z-index: 4;
  position: relative;
  float: left;
  min-height: 500px;
  height: auto !important;
  margin: 20px 0;
  height: 500px;
  font-size: 1em;
  width: 875px;
  zoom: 1
}

#container:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: ""
}

#container_title {
  font-size: 1.333em;
  margin: 0 auto;
  font-weight: bold;
}

#container_title span {
  margin: 0 auto 10px;
  display: block;
  line-height: 30px;
}

/*.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}*/
.lt_wr {
  width: 49%
}

.lt_wr:nth-child(2n+1) {
  clear: both
}

.latest_wr:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: ""
}

/* 하단 레이아웃 */
#ft {
  border-top: 1px solid #d5d5d5;
  background: #fff;
  padding-bottom: 30px;
  margin: 0 auto;
  text-align: center
}

#ft h1 {
  position: absolute;
  font-size: 0;
  line-height: 0;
  overflow: hidden
}

#ft_wr {
  margin: 0 auto;
  position: relative;
}

#ft_link {
  padding: 15px 0;
  border-bottom: 1px solid #eee
}

#ft_link a {
  display: inline-block;
  padding: 0 8px;
  line-height: 1.083em;
  font-weight: bold
}

#ft_catch {
  margin: 20px 0 10px
}

#ft_copy {
  color: #555;
  font-size: 0.92em
}

#top_btn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
  line-height: 46px;
  border: 2px solid #333;
  color: #333;
  text-align: center;
  font-size: 15px;
  z-index: 90;
  background: rgba(255, 255, 255, 0.5)
}

#top_btn:hover {
  border-color: #3059c7;
  background: #3059c7;
  color: #fff
}

/* 게시물 선택복사 선택이동 */
#copymove {}

#copymove .win_desc {
  text-align: center;
  display: block
}

#copymove .tbl_wrap {
  margin: 20px
}

#copymove .win_btn {
  padding: 0 20px 20px
}

.copymove_current {
  float: right;
  background: #ff3061;
  padding: 5px;
  color: #fff;
  border-radius: 3px
}

.copymove_currentbg {
  background: #f4f4f4
}

/* 화면낭독기 사용자용 */
#hd_login_msg {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden
}

.msg_sound_only,
.sound_only {
  display: inline-block !important;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0;
  line-height: 0;
  border: 0 !important;
  overflow: hidden !important
}

/* 본문 바로가기 */
#skip_to_container a {
  z-index: 100000;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  font-size: 0;
  line-height: 0;
  overflow: hidden
}

#skip_to_container a:focus,
#skip_to_container a:active {
  width: 100%;
  height: 75px;
  background: #21272e;
  color: #fff;
  font-size: 2em;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  line-height: 3.3em
}

/* ie6 이미지 너비 지정 */
.img_fix {
  width: 100%;
  height: auto
}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {
  display: inline-block;
  position: relative
}

#captcha legend {
  position: absolute;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  text-indent: -9999em;
  overflow: hidden;
}

#captcha #captcha_img {
  height: 40px;
  border: 1px solid #898989;
  vertical-align: top;
  padding: 0;
  margin: 0
}

#captcha #captcha_mp3 {
  margin: 0;
  padding: 0;
  width: 40px;
  height: 40px;
  border: 0;
  background: transparent;
  vertical-align: middle;
  overflow: hidden;
  cursor: pointer;
  background: url('../../../img/captcha2.png') no-repeat;
  text-indent: -999px;
  border-radius: 3px
}

#captcha #captcha_reload {
  margin: 0;
  padding: 0;
  width: 40px;
  height: 40px;
  border: 0;
  background: transparent;
  vertical-align: middle;
  overflow: hidden;
  cursor: pointer;
  background: url('../../../img/captcha2.png') no-repeat 0 -40px;
  text-indent: -999px;
  border-radius: 3px
}

#captcha #captcha_key {
  margin: 0 0 0 3px;
  padding: 0 5px;
  width: 90px;
  height: 40px;
  border: 1px solid #ccc;
  background: #fff;
  font-size: 1.333em;
  font-weight: bold;
  text-align: center;
  border-radius: 3px;
  vertical-align: top
}

#captcha #captcha_info {
  display: block;
  margin: 5px 0 0;
  font-size: 0.95em;
  letter-spacing: -0.1em
}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {
  display: block;
  margin: 0 0 5px;
  width: 187px
}

#captcha.m_captcha #captcha_img {
  width: 160px;
  height: 60px;
  border: 1px solid #e9e9e9;
  margin-bottom: 3px;
  margin-top: 5px;
  display: block;
}

#captcha.m_captcha #captcha_reload {
  position: static;
  margin: 0;
  padding: 0;
  width: 40px;
  height: 40px;
  border: 0;
  background: transparent;
  vertical-align: middle;
  overflow: hidden;
  cursor: pointer;
  background: url('../../../img/captcha2.png') no-repeat 0 -40px;
  text-indent: -999px
}

#captcha.m_captcha #captcha_reload span {
  display: none;
}

#captcha.m_captcha #captcha_key {
  margin: 0;
  padding: 0 5px;
  width: 115px;
  height: 29px;
  border: 1px solid #b8c9c2;
  background: #f7f7f7;
  font-size: 1.333em;
  font-weight: bold;
  text-align: center;
  line-height: 29px;
  margin-left: 3px
}

#captcha.m_captcha #captcha_info {
  display: block;
  margin: 5px 0 0;
  font-size: 0.95em;
  letter-spacing: -0.1em
}

#captcha.m_captcha #captcha_mp3 {
  width: 31px;
  height: 31px;
  background: url('../../../img/captcha2.png') no-repeat 0 0;
  vertical-align: top;
  overflow: hidden;
  cursor: pointer;
  text-indent: -9999px;
  border: none
}

/* ckeditor 단축키 */
.cke_sc {
  margin: 0 0 5px;
  text-align: right
}

.btn_cke_sc {
  display: inline-block;
  padding: 0 10px;
  height: 23px;
  border: 1px solid #ccc;
  background: #fafafa;
  color: #000;
  text-decoration: none;
  line-height: 1.9em;
  vertical-align: middle;
  cursor: pointer
}

.cke_sc_def {
  margin: 0 0 5px;
  padding: 10px;
  border: 1px solid #ccc;
  background: #f7f7f7;
  text-align: center
}

.cke_sc_def dl {
  margin: 0 0 5px;
  text-align: left;
  zoom: 1
}

.cke_sc_def dl:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: ""
}

.cke_sc_def dt,
.cke_sc_def dd {
  float: left;
  margin: 0;
  padding: 5px 0;
  border-bottom: 1px solid #e9e9e9
}

.cke_sc_def dt {
  width: 20%;
  font-weight: bold
}

.cke_sc_def dd {
  width: 30%
}

/* ckeditor 태그 기본값 */
#bo_v_con ul {
  display: block;
  list-style-type: disc;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 40px;
}

#bo_v_con ol {
  display: block;
  list-style-type: decimal;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 40px;
}

#bo_v_con li {
  display: list-item;
}

/* 버튼 */
a.btn,
.btn {
  line-height: 35px;
  height: 35px;
  padding: 0 10px;
  text-align: center;
  font-weight: bold;
  border: 0;
  -webkit-transition: background-color 0.3s ease-out;
  -moz-transition: background-color 0.3s ease-out;
  -o-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
}

a.btn01 {
  display: inline-block;
  padding: 7px;
  border: 1px solid #ccc;
  background: #fafafa;
  color: #000;
  text-decoration: none;
  vertical-align: middle
}

a.btn01:focus,
a.btn01:hover {
  text-decoration: none
}

button.btn01 {
  display: inline-block;
  margin: 0;
  padding: 7px;
  border: 1px solid #ccc;
  background: #fafafa;
  color: #000;
  text-decoration: none
}

a.btn02 {
  display: inline-block;
  padding: 7px;
  border: 1px solid #3b3c3f;
  background: #4b545e;
  color: #fff;
  text-decoration: none;
  vertical-align: middle;
}

a.btn02:focus,
.btn02:hover {
  text-decoration: none
}

button.btn02 {
  display: inline-block;
  margin: 0;
  padding: 7px;
  border: 1px solid #3b3c3f;
  background: #4b545e;
  color: #fff;
  text-decoration: none
}

.btn_confirm {
  text-align: right
}

/* 서식단계 진행 */

.btn_submit {
  border: 0;
  background: #253dbe;
  color: #fff;
  cursor: pointer;
  border: 0
}

.btn_submit:hover {
  background: #0025eb
}

a.btn_cancel {
  display: inline-block;
  background: #969696;
  color: #fff;
  text-decoration: none;
  vertical-align: middle;
}

button.btn_cancel {
  display: inline-block;
  background: #969696;
  color: #fff;
  text-decoration: none;
  vertical-align: middle
}

.btn_cancel:hover {
  background: #aaa;
}

a.btn_frmline,
button.btn_frmline {
  display: inline-block;
  padding: 0 5px;
  height: 40px;
  border: 0;
  background: #3c3c3c;
  border-radius: 5px;
  color: #fff;
  text-decoration: none;
  vertical-align: top
}

/* 우편번호검색버튼 등 */
a.btn_frmline {}

button.btn_frmline {
  font-size: 1em
}

/* 게시판용 버튼 */
a.btn_b01,
.btn_b01 {
  display: inline-block;
  background: #4c4f6f;
  color: #fff;
  text-decoration: none;
  vertical-align: middle
}

.btn_b01:hover,
.btn_b01:hover {
  background: #54598c
}

a.btn_b02,
.btn_b02 {
  display: inline-block;
  background: #868aa2;
  padding: 0 10px;
  color: #fff;
  text-decoration: none;
  border: 0;
  vertical-align: middle;
}

a.btn_b02:hover,
.btn_b02:hover {
  background: #868aa2
}

a.btn_b03,
.btn_b03 {
  display: inline-block;
  background: #fff;
  border: 1px solid #b9bdd3;
  color: #646982;
  text-decoration: none;
  vertical-align: middle
}

a.btn_b03:hover,
.btn_b03:hover {
  background: #ebedf6
}

a.btn_b04,
.btn_b04 {
  display: inline-block;
  background: #fff;
  border: 1px solid #ccc;
  color: #707070;
  text-decoration: none;
  vertical-align: middle
}

a.btn_b04:hover,
.btn_b04:hover {
  color: #333;
  background: #f9f9f9
}

a.btn_admin,
.btn_admin {
  display: inline-block;
  background: #d13f4a;
  color: #fff;
  text-decoration: none;
  vertical-align: middle
}

/* 관리자 전용 버튼 */
.btn_admin:hover,
a.btn_admin:hover {
  background: #ff3746
}


/*컬러*/
.color_1 {
  background: #169dd6
}

.color_2 {
  background: #14d53d
}

.color_3 {
  background: #3814ff
}

.color_4 {
  background: #7520c5
}

/* 기본테이블 */
.tbl_wrap table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0 5px;
}

.tbl_wrap caption {
  padding: 10px 0;
  font-weight: bold;
  text-align: left
}

.tbl_head01 {
  margin: 0 0 10px
}

.tbl_head01 caption {
  padding: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden
}

.tbl_head01 thead th {
  padding: 10px 0;
  font-weight: normal;
  text-align: center;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  height: 40px
}

.tbl_head01 thead th input {
  vertical-align: top
}

/* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th,
.tbl_head01 tfoot td {
  padding: 10px 0;
  border-top: 1px solid #c1d1d5;
  border-bottom: 1px solid #c1d1d5;
  background: #d7e0e2;
  text-align: center
}

.tbl_head01 tbody th {
  padding: 8px 0;
  border-bottom: 1px solid #e8e8e8
}

.tbl_head01 td {
  color: #666;
  background: #fff;
  padding: 10px 5px;
  border-top: 1px solid #ecf0f1;
  line-height: 1.4em;
  height: 60px;
  word-break: break-all
}

.tbl_head01 tbody tr:hover td {
  background: #fafafa;
}

.tbl_head01 a:hover {
  text-decoration: underline
}

.tbl_head02 {
  margin: 0 0 10px
}

.tbl_head02 caption {
  padding: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden
}

.tbl_head02 thead th {
  padding: 5px 0;
  border-top: 1px solid #d1dee2;
  border-bottom: 1px solid #d1dee2;
  background: #e5ecef;
  color: #383838;
  font-size: 0.95em;
  text-align: center;
  letter-spacing: -0.1em
}

.tbl_head02 thead a {
  color: #383838
}

.tbl_head02 thead th input {
  vertical-align: top
}

/* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th,
.tbl_head02 tfoot td {
  padding: 10px 0;
  border-top: 1px solid #c1d1d5;
  border-bottom: 1px solid #c1d1d5;
  background: #d7e0e2;
  text-align: center
}

.tbl_head02 tbody th {
  padding: 5px 0;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  background: #fff
}

.tbl_head02 td {
  padding: 5px 3px;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  background: #fff;
  line-height: 1.4em;
  word-break: break-all
}

.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {
  margin: 0 0 20px
}

.tbl_frm01 table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0
}

.tbl_frm01 th {
  width: 70px;
  padding: 7px 13px;
  border: 1px solid #e9e9e9;
  border-left: 0;
  background: #f5f8f9;
  text-align: left
}

.tbl_frm01 td {
  padding: 7px 10px;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  background: transparent
}

.wr_content textarea,
.tbl_frm01 textarea,
.form_01 textarea,
.frm_input {
  border: 1px solid #ccc;
  background: #fff;
  color: #000;
  vertical-align: middle;
  border-radius: 3px;
  padding: 5px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.tbl_frm01 textarea {
  padding: 2px 2px 3px
}

.frm_input {
  height: 40px;
}

.full_input {
  width: 100%
}

.half_input {
  width: 49.5%
}

.tbl_frm01 textarea,
.write_div textarea {
  width: 100%;
  height: 100px
}

.tbl_frm01 a {
  text-decoration: none
}

.tbl_frm01 .frm_file {
  display: block;
  margin-bottom: 5px
}

.tbl_frm01 .frm_info {
  display: block;
  padding: 0 0 5px;
  line-height: 1.4em
}

/*기본 리스트*/
.list_01 li {
  border: 1px solid #dbdbdb;
  background: #fff;
  border-radius: 3px;
  margin: 3px 0;
  padding: 10px 15px;
  list-style: none;
  position: relative;
}

.list_01 li:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: ""
}

.list_01 li:hover {
  background: #f9f9f9
}

.list_01 li.empty_li {
  text-align: center;
  padding: 20px 0;
  color: #666
}

/*폼 리스트*/
.form_01 h2 {
  margin: 0 0 10px;
  font-size: 1.167em
}

.form_01 li {
  margin: 10px 0
}

.form_01 li:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: ""
}

.form_01 li .right_input {
  float: right
}

.form_01 textarea {
  height: 100px;
  width: 100%
}

.form_01 .frm_label {
  display: inline-block;
  width: 130px
}

/* 자료 없는 목록 */
.empty_table {
  padding: 50px 0 !important;
  text-align: center
}

.empty_list {
  padding: 20px 0 !important;
  color: #666;
  text-align: center
}

/* 필수입력 */
.required,
textarea.required {
  background-image: url('../img/require.png') !important;
  background-repeat: no-repeat !important;
  background-position: right top !important;
}

/* 테이블 항목별 정의 */
.td_board {
  width: 80px;
  text-align: center
}

.td_category {
  width: 80px;
  text-align: center
}

.td_chk {
  width: 30px;
  text-align: center
}

.td_date {
  width: 60px;
  text-align: center
}

.td_datetime {
  width: 110px;
  text-align: center
}

.td_group {
  width: 80px;
  text-align: center
}

.td_mb_id {
  width: 100px;
  text-align: center
}

.td_mng {
  width: 80px;
  text-align: center
}

.td_name {
  width: 100px;
  text-align: left
}

.td_nick {
  width: 100px;
  text-align: center
}

.td_num {
  width: 50px;
  text-align: center
}

.td_numbig {
  width: 80px;
  text-align: center
}

.td_stat {
  width: 60px;
  text-align: center
}

.txt_active {
  color: #5d910b
}

.txt_done {
  color: #e8180c
}

.txt_expired {
  color: #ccc
}

.txt_rdy {
  color: #8abc2a
}

/* 새창 기본 스타일 */
.new_win {
  position: relative;
}

.new_win .tbl_wrap {
  margin: 0 20px
}

.new_win #win_title {
  font-size: 1.25em;
  height: 50px;
  line-height: 30px;
  padding: 10px 20px;
  background: #333;
  color: #fff;
}

.new_win #win_title .sv {
  font-size: 0.75em;
  line-height: 1.2em
}

.new_win .win_ul {
  border-right: 1px solid #dfe6e7;
}

.new_win .win_ul:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: ""
}

.new_win .win_ul li {
  float: left;
  background: #fff;
  width: 33.333%;
  text-align: center;
  border: 1px solid #ccc;
  margin-left: -1px
}

.new_win .win_ul li a {
  display: block;
  padding: 10px 0
}

.new_win .win_ul .selected {
  background: #fff;
  border-color: #253dbe;
  position: relative;
  z-index: 5
}

.new_win .win_ul .selected a {
  color: #253dbe;
  font-weight: bold
}

.new_win .win_desc {
  margin: 5px 0;
  font-size: 0.92em;
  color: #3598db;
}

.new_win .frm_info {
  font-size: 0.92em;
  color: #3598db
}

.new_win .win_total {
  text-align: right;
  margin: 10px 0
}

.new_win .win_total span {
  display: inline-block;
  line-height: 30px;
  font-size: 0.92em;
  color: #4e546f;
  background: #d4d4d4;
  padding: 0 10px;
  border-radius: 5px;
}

.new_win .new_win_con {
  margin: 20px;
}

.new_win .new_win_con:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: ""
}

.new_win .btn_confirm:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: ""
}

.new_win .win_btn {
  text-align: right
}

.new_win .btn_close {
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  width: 50px;
  background: url(../img/close_btn.gif) no-repeat 50% 50%;
  border: 0;
  text-indent: -999px;
  overflow: hidden;
  cursor: pointer
}

.new_win .btn_submit {
  padding: 0 20px;
  height: 40px;
  font-weight: bold;
  font-size: 1.083em;
  float: right
}

/* 검색결과 색상 */
.sch_word {
  color: #00c4ac
}

/* 자바스크립트 alert 대안 */
#validation_check {
  margin: 100px auto;
  width: 500px
}

#validation_check h1 {
  margin-bottom: 20px;
  font-size: 1.3em
}

#validation_check p {
  margin-bottom: 20px;
  padding: 30px 20px;
  border: 1px solid #e9e9e9;
  background: #fff
}

/* 사이드뷰 */
.sv_wrap {
  position: relative;
  font-weight: normal
}

.sv_wrap .sv {
  z-index: 1000;
  display: none;
  margin: 5px 0 0;
  font-size: 0.92em;
  background: #333;
  -webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
}

.sv_wrap .sv:before {
  content: "";
  position: absolute;
  top: -6px;
  left: 15px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6px 6px 6px;
  border-color: transparent transparent #333 transparent;
}

.sv_wrap .sv a {
  display: inline-block;
  margin: 0;
  padding: 0 10px;
  line-height: 30px;
  width: 100px;
  font-weight: normal;
  color: #bbb
}

.sv_wrap .sv a:hover {
  background: #000;
  color: #fff
}

.sv_member {
  color: #333
}

.sv_on {
  display: block !important;
  position: absolute;
  top: 23px;
  left: 0px;
  width: auto;
  height: auto
}

.sv_nojs .sv {
  display: block
}

/* 페이징 */
.pg_wrap {
  clear: both;
  margin: 30px 0;
  text-align: center
}

.pg_wrap:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: ""
}

.pg {}

.pg_page,
.pg_current {
  display: inline-block;
  vertical-align: middle;
  background: #f3f3f3;
  border: 1px solid #bbbcc3
}

.pg a:focus,
.pg a:hover {
  text-decoration: none
}

.pg_page {
  color: #555;
  font-size: 1.083em;
  height: 30px;
  line-height: 28px;
  padding: 0 5px;
  min-width: 30px;
  text-decoration: none;
  border-radius: 3px;
}

.pg_page:hover {
  background-color: #ddd
}

.pg_start {
  text-indent: -999px;
  overflow: hidden;
  background: url('../img/btn_first.gif') no-repeat 50% 50% #fff;
  padding: 0;
  border: 1px solid #bbb;
}

.pg_prev {
  text-indent: -999px;
  overflow: hidden;
  background: url('../img/btn_prev.gif') no-repeat 50% 50% #fff;
  padding: 0;
  border: 1px solid #bbb
}

.pg_end {
  text-indent: -999px;
  overflow: hidden;
  background: url('../img/btn_end.gif') no-repeat 50% 50% #fff;
  padding: 0;
  border: 1px solid #bbb
}

.pg_next {
  text-indent: -999px;
  overflow: hidden;
  background: url('../img/btn_next.gif') no-repeat 50% 50% #fff;
  padding: 0;
  border: 1px solid #bbb
}

.pg_start:hover,
.pg_prev:hover,
.pg_end:hover,
.pg_next:hover {
  background-color: #fafafa
}

.pg_current {
  display: inline-block;
  background: #4c4f6f;
  color: #fff;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  min-width: 30px;
  border-radius: 3px;
  -webkit-box-shadow: inset 1px 1px 2px #222542;
  -moz-box-shadow: inset 1px 1px 2px #222542;
  box-shadow: inset 1px 1px 2px #222542;
}

/* cheditor 이슈 */
.cheditor-popup-window *,
.cheditor-popup-window :after,
.cheditor-popup-window :before {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/* Mobile화면으로 */
#device_change {
  display: block;
  margin: 0.3em;
  padding: 0.5em 0;
  border: 1px solid #eee;
  border-radius: 2em;
  background: #fff;
  color: #000;
  font-size: 2em;
  text-decoration: none;
  text-align: center
}


.clearfix:after {
  display: block;
  content: "";
  visibility: hidden;
  clear: both;
}

.container {
  width: 1530px;
  margin: 0 auto;
}

.container_1000 {
  width: 1000px;
  margin: 0 auto;
}

.container_1100 {
  width: 1100px;
  margin: 0 auto;
}

.container_1200 {
  width: 1200px;
  margin: 0 auto;
}

.container_1300 {
  width: 1300px;
  margin: 0 auto;
}

.container_1400 {
  width: 1400px;
  margin: 0 auto;
}

.text_center {
  text-align: center;
}

.position_relative {
  position: relative;
}

.video_title {
  position: absolute;
  width: 100%;
  bottom: 140px;
}

.text_right {
  text-align: right;
}

.img_content {
  padding-left: 50%;
  overflow: hidden;
  position: relative;
}

.img_content img {
  display: block;
  margin-left: -960px;
}

#footer {
  padding: 130px 0 140px;
  background: #212529;
}

#footer .map {
  //width: 1530px;
  width: 50%;
  height: 707px;
  margin-bottom: 60px;
}

#footer article {
  width: 1085px;
  height: 197px;
  margin-top: 30px;
  color: #fff;
  text-align: left;
}

#footer article>p {
  font-size: 30px;
  margin-bottom: 40px;
}

#footer article .left p>b {
  display: inline-block;
  width: 180px;
}

#footer article .left {
  float: left;
  width: 575px;
}

#footer article .left p {
  font-size: 20px;
  margin-bottom: 25px;
  font-weight: 100;
}

#footer article .left p:last-child {
  margin-bottom: 0;
}

#footer article .right {
  float: right;
}

#footer article .right span {
  font-size: 20px;
}

#footer article .right p {
  font-size: 80px;
  font-weight: bold;
  letter-spacing: -1px;
}

#bo_list {
  margin-bottom: 50px;
}

/*예약*/
#reserv_wrap {
  width: 1310px;
  margin: 0 auto;
}

#reserv_wrap h2.mbskin_h2 {
  font-size: 18px;
  padding-top: 45px;
  border-bottom: solid 2px #555555;
  padding-bottom: 9px;
}

#reserv_title {
  border-top: solid 2px #bbbbbb;
  border-bottom: solid 2px #e5e5e5;
  padding: 45px 0;
  font-size: 32px;
  color: #404040;
}

#reserv_top {
  width: 100%;
  overflow: auto;
}

#reserv_top_left {
  float: left;
  width: 519px;
}

#reserv_calendar_info {
  padding-top: 7px;
  text-align: right;
  color: #808080;
}

#reserv_top_right {
  float: left;
  margin-left: 50px;
  width: 740px;
}

#reserv_time_date {
  margin-top: 60px;
  border-top: solid 2px #e3e3e3;
  line-height: 48px;
  color: #4e4e4e;
  font-size: 16px;
  text-indent: 6px;
}

.reserv_time_date_img {
  margin-right: 3px;
}

.reserv_time_title {
  margin-right: 30px;
}

.reserv_time_title2 {
  margin-right: 16px;
}

#timetablewrap {
  border-top: solid 2px #e3e3e3;
  border-bottom: solid 2px #e3e3e3;
  line-height: 48px;
  color: #4e4e4e;
  font-size: 16px;
  text-indent: 6px;
}

#timetablewrap select {
  border: solid 1px #8a8a8a;
  width: 250px;
  height: 30px;
  font-size: 13px;
  color: #787777;
}

.reserv_subject {
  margin-top: 10px;
  line-height: 48px;
  color: #4e4e4e;
  font-size: 16px;
  text-indent: 6px;
}

.reserv_subject select {
  border: solid 1px #8a8a8a;
  width: 250px;
  height: 30px;
  font-size: 13px;
  color: #787777;
}

.reserv_info_input1 {
  border: solid 1px #b3b3b3;
  width: 240px;
  height: 30px;
}

.reserv_subject .reserv_info_input2 {
  border: solid 1px #b3b3b3;
  width: 70px;
  height: 30px;
}

.reserv_subject .reserv_info_select1 {
  border: solid 1px #b3b3b3;
  width: 70px;
  height: 32px;
}

.reserv_subject .reserv_info_select2 {
  border: solid 1px #b3b3b3;
  width: 120px;
  height: 32px;
}

.reserv_subject .reserv_info_textarea {
  border: none;
  border-bottom: solid 1px #b3b3b3;
  width: 100%;
  height: 50px;
  resize: none;
  font-size: 14px;
}

#reserv_info_wrap {}

#reserv_info_wrap table {
  width: 100%;
  margin-top: 35px;
  border-collapse: collapse;
}

#reserv_info_wrap table th {
  text-align: left;
  border-top: solid 1px #e9e9e9;
  border-bottom: solid 1px #e9e9e9;
  color: #505050;
  font-size: 14px;
  width: 130px;
  text-indent: 6px;
  line-height: 50px;
}

#reserv_info_wrap table td {
  border-top: solid 1px #e9e9e9;
  border-bottom: solid 1px #e9e9e9;
  padding: 10px 0;
}

#reserv_submit {
  text-align: center;
  padding-bottom: 50px;
}

#reserv_info_wrap table td #captcha #captcha_img {
  width: 120px;
  height: 32px;
}

#reserv_info_wrap table td #captcha #captcha_mp3 {
  width: 90px;
  height: 34px;
  position: relative;
  top: inherit;
  left: inherit;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: middle;
  overflow: hidden;
  cursor: pointer;
  background: #e4e9ec;
}

#reserv_info_wrap table td #captcha #captcha_mp3 span {
  position: relative;
  top: inherit;
  left: inherit;
}

#reserv_info_wrap table td #captcha #captcha_reload {
  width: 90px;
  height: 34px;
  position: relative;
  top: inherit;
  left: inherit;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: middle;
  overflow: hidden;
  cursor: pointer;
  background: #e4e9ec;
  text-indent: 0;
}

#reserv_info_wrap table td #captcha #captcha_info {
  display: inline-block;
  margin: 0;
  font-size: 14px;
  color: #3e3e3e;
}

#reserv_info_wrap table td #captcha #captcha_key {
  width: 140px;
  height: 32px;
  margin: 0 0 0 10px;
  border: 1px solid #b3b3b3;
  background: #fff !important;
  font-size: 1.333em;
  font-weight: bold;
  text-align: center;
  line-height: 2.8em;
  vertical-align: top
}

#reserv_privacy textarea {
  margin-top: 25px;
  width: 92%;
  font-size: 14px;
  margin-left: 3%;
  margin-bottom: 25px;
  border: solid 1px #b3b3b3;
  padding: 1%;
}

#reserv_privacy .fregister_agree {
  font-size: 14px;
  text-align: center;
  margin-bottom: 38px;
}

/*달력*/
#daybt {
  width: 206px;
  margin: 0 auto;
}

#daybt ul {
  margin: 15px 0 0 0;
  list-style: none;
  padding: 0;
  overflow: auto;
}

#daybt ul li {
  float: left;
}

#daybt ul li.daybt_left {
  width: 42px;
}

#daybt ul li.daybt_right {
  width: 42px;
}

#daybt ul li.text {
  width: 122px;
  line-height: 23px;
  text-align: center;
  font-size: 16px;
  color: #5c5c5c;
}

#daytablewrap {
  position: relative;
  clear: both;
  margin-top: 20px;
}

#daytable {
  width: 100%;
  border-spacing: 3px 2px;
  border-collapse: inherit;
}

#daytable tr th {
  background: #414141;
  color: #fff;
  height: 30px;
  width: 14.1%;
}

#daytable tr th.sun {
  background: #414141;
  color: #fff;
}

#daytable tr th.satur {
  background: #414141;
  color: #fff;
}

#daytable tr td {
  background: #f7f7f7;
  height: 50px;
  border: 1px solid #E9E9E9;
  text-align: right;
  font: 12px "NanumGothic", Gulim;
}

#daytable tr td.last {
  background: #f7f7f7;
  height: 50px;
  border: 1px solid #E9E9E9;
  text-align: right;
}

#daytable tr td.last .day {
  color: #1537b4;
}

#daytable tr td.first .day {
  color: #da0000;
}

#daytable tr td.choice {
  background: #fffddf;
}

#daytable tr td.on {
  background: #fff;
}

#daytable tr td div.day {
  padding-right: 8px;
}

#daytable tr td div.reserve {
  padding-top: 4px;
  color: #919191;
  cursor: pointer;
}

#daytable tr td div.reserve p {
  margin: 0 auto;
  font-size: 12px;
  width: 60px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  background: url('../img/reserv_p_background.png');
}

#pic_slide_div .bx-wrapper {
  border: none;
  box-shadow: none;
  margin-bottom: 0;
}

#pic_slide_div .bx-pager {
  position: absolute;
  bottom: 20px;
  width: 100%;
  z-index: 100
}

#pic_slide_div .bx-wrapper img {
  display: inline;
}

#pic_slide_div .bx-wrapper .bx-prev {
  background: url(./images/left.png) no-repeat;
  width: 38px;
  height: 80px;
  margin-top: -40px;
  left: 20px;
}

#pic_slide_div .bx-wrapper .bx-next {
  background: url(./images/right.png) no-repeat;
  width: 38px;
  height: 80px;
  margin-top: -40px;
  right: 20px;
}

#quick_menu {
  position: fixed;
  right: 0;
  top: 120px;
  z-index: 10;
}

#quick_menu .quick_icon {
  text-align: center;
  line-height: 80px;
}

.page_title {
  position: absolute;
  bottom: 150px;
  width: 100%;
  left: 0;
}

.page_title h2 {
  color: #fff;
  font-size: 50px;
  font-weight: 400;
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.page_title h2:after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #fff;
  width: 80px;
}

.page_title p {
  color: #fff;
  font-size: 20px;
}

.page_title2 {
  position: absolute;
  bottom: 150px;
  width: 100%;
  left: 0;
}

.page_title2 h2 {
  color: #fff;
  font-size: 80px;
  font-weight: 500;
  position: relative;
  margin-bottom: 20px;
}

.page_title2 p {
  color: #fff;
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: 400;
}

.fixed_menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  z-index: 100;
  transition: 0.5s all;
  background: #000;
}

.fixed_menu .container {
  position: relative;
  /* border-bottom: 1px solid #fff; */
  padding: 0 20px;
}

.fixed_menu.active {
  background: rgba(255, 255, 255, 0.8);
}

.nav_list>li {
  text-align: center;
  display: inline-block;
  padding: 0;
}

.nav_list>li:last-child {
  padding-right: 0;
}

.nav_list>li>a {
  display: block;
  width: 100%;
  height: 100px;
  color: #fff;
  font-size: 18px;
  padding: 30px 20px 20px 30px;
  font-weight: 400;
  position: relative;
  transition: 0.5s all;
  line-height: 40px;
}

.fixed_menu.active .nav_list>li>a {
  color: #000;
}

.nav_list>li>a:hover {
  color: #fff;
}

.nav_list>li:hover>a {
  color: #ffdc2c;
}

.nav_list>li:hover>a:after {
  display: block;
  content: "";
  width: 100%;
  position: absolute;
  bottom: 32px;
  margin-left: 5px;
  border-bottom: 4px solid #ffdc2c;
  left: 0;
  z-index: 2
}

.nav_sub_list {
  height: 120px;
  position: absolute;
  width: 100%;
  display: none;
  top: 100px;
  left: 0;
  overflow: visible;
  z-index: 2;
  padding-left: 180px;
  background: #fff;
}

.nav_list>li:hover .nav_sub_list {
  display: block;
}

.nav_sub_list ul {
  float: left;
  width: 50%;
  margin: 20px 0;
}

.nav_sub_list ul li {
  float: left;
  text-align: left;
  height: 40px;
  line-height: 40px;
  padding: 0 30px;
}

.nav_sub_list ul li a {
  color: #3b3b3b;
  font-size: 20px;
}

.nav_sub_list ul li a:hover {
  color: #000;
}

.sub_list_bg {
display: none;
height: 120px;
position: absolute;
top: 100px;
width: 100%;
z-index: 1;
background: #fff;
}

.sub_list_bg.active {
  display: block;
}


header .container {
  position: relative;
}

header .login_menu {
  position: absolute;
  right: 0;
  top:40px;
}

header .login_menu li {
  display: inline-block;
  font-size: 12px;
  width: 65px;
  height: 24px;
  background: #ffdc2c;
  line-height: 24px;
  border-radius: 50px;
  text-align: center;
}

header .login_menu li:first-child {
  margin-right: 10px;
}

header .login_menu li a {
  color: #fff;
  transition: 0.5s all;
  color: #495057;

}

.fixed_menu.active .login_menu li a {
  color: #000;
}

nav .header_logo {
  display: inline-block;
  width: 274px;
  height: 78px;
  background: url(../images/header_logo.png) no-repeat center;
  vertical-align: middle;
  transition: 0.5s all;
  margin: 15px 0 30px 0;
  zoom: .8;
}

.fixed_menu.active nav .header_logo {
  background: url(../images/header_logo.png) no-repeat center;
}

nav .nav_list {
  display: inline-block;
  margin: 0 0 0 170px;
}

.nav_list>li:hover .nav_sub_list {
  display: block;
}

.nav_sub_list h3 {
  color: #3b3b3b;
  font-size: 40px;
  float: left;
  line-height: 90px;
  padding: 0 20px;
  width: 20%;
  text-align: center;
  font-weight: bold;
}

#index_main {
  height: 940px;
  min-height: 600px;
}

#index_main .index_main {
  width: 100%;
  height: 100%;
  position: relative;
}

#index_main .index_main .container {
  height: 100%;
}

#index_main .index_main .container .main_table_div {
  display: table;
  height: 100%;
  width: 100%;
}

#index_main .index_main .container .main_table_div .main_center_content {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  text-align: center;
}

#index_main .index_main .container .main_table_div .main_left_content {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
  text-align: right;
}

#index_main .index_main .container .main_table_div .main_right_content {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
  text-align: left;
}

#index_main .index_main .container .main_table_div .main_right_content.index_more_div {
  padding-left: 150px;
}

#index_main .index_main .container .main_table_div .main_left_content.index_more_div {
  padding-right: 150px;
}

#index_main .index_main .container .main_table_div .index_more_btn {
  padding-top: 100px;
}


#index_main .index_main_1 {
  background: url(../img/plastic/main/main_1_bg.jpg) no-repeat center;
  background-size: cover;
}

#index_main .index_main_2 {
  background: url(../img/plastic/main/main_2_bg.jpg) no-repeat center;
  background-size: cover;
}

#index_main .index_main_3 {
  background: url(../img/plastic/main/main_3_bg.jpg) no-repeat center;
  background-size: cover;
}

#index_main .index_main_4 {
  background: url(../img/plastic/main/main_4_bg.jpg) no-repeat center;
  background-size: cover;
}

#main_section .bx-wrapper {
  border: none;
  box-shadow: none;
  margin-bottom: 0;
}

#main_section .bx-pager {
  position: absolute;
  bottom: 60px;
  width: 100%;
  z-index: 100
}

#main_section .bx-wrapper img {
  display: inline;
}

#main_section .bx-wrapper .bx-prev {
  background: url(./images/left.png) no-repeat;
  width: 38px;
  height: 80px;
  margin-top: -40px;
  left: 100px;
}

#main_section .bx-wrapper .bx-next {
  background: url(./images/right.png) no-repeat;
  width: 38px;
  height: 80px;
  margin-top: -40px;
  right: 100px;
}

#index_middle_1 {
  padding: 80px 0;
  height: 960px;
  background: #ffffff;
}

/* #index_middle_1 h2,
#index_middle_2 h2, */
div[class="container"] h2.text_center {
  padding-bottom: 60px;
  font-size: 80px;
  color: #fff;
  line-height: 90px;
  font-weight: 100;
}

div[class="container"] h2.text_center span {
  display: block;
  margin-right: 15px;
  font-size: 30px;
  font-weight: bold;
}

div[class="container"] h2.text_center b {
  font-weight: 700;
}

#index_middle_1 .middle_1_list {
  width: 1448px;
  margin: 0 auto;
  background: #fff;
  padding: 4px;
}

#index_middle_1 .middle_1_list li {
  float: left;
  display: block;
  padding: 4px;
}

#index_middle_2 {
  padding: 0 0 110px 0;
  background: #78695b url(../images/main/tv_bg.png) no-repeat center;
  background-size: cover;
}

#index_middle_2 .middle_2_list {
  width: 1480px;
  margin: 0 auto;
  padding: 60px 0;
}

#index_middle_2 .middle_2_list li {
  float: left;
  display: block;
}

#index_middle_2 .middle_2_list li:nth-child(2) {
  padding: 0 36px;
}

#index_middle_2 .channel_btn {
  display: block;
  margin: 0 auto;
  width: 536px;
  height: 100px;
  background-color: #ffdc2c;
  color: #000;
  text-align: center;
  line-height: 100px;
  font-size: 30px;
  box-shadow: rgb(50 50 93 / 25%) 0px 50px 100px -20px, rgb(0 0 0 / 30%) 0px 30px 60px -30px;
}

#index_middle_3 {
  height: 1689px;
  background: #fff;
  padding: 100px 0;
}

#index_middle_3 .more_btn {
  padding: 50px 0;
}

#index_middle_3 .bna_list {
  width: 907px;
  margin: 0 auto;
  padding: 7px;
  background: #ccc6c6;
}

#index_middle_3 .bna_list li {
  float: left;
  display: block;
}

#index_middle_3 .bna_list li:first-child {
  padding-right: 7px;
}

.tabul {
  width: 960px;
  margin: 0 auto;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
}

.tabul li {
  position: relative;
  display: inline-block;
  width: 160px;
  height: 160px;
  background: #858e96;
  text-align: center;
  line-height: 220px;
  border-radius: 100px;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  cursor: pointer;
}

.tabul li img {
  position: absolute;
  left: 50%;
  top: 60px;
  transform: translate(-50%, -50%);
}

.tabul li.on {
  position: relative;
  background: #ffdc2c;
}

.tabul li.on img {
  filter: invert(100%);
}

.tabul li.on span {
  color: #000;
}

.tabul li.on:before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 180px;
  height: 180px;
  right: -10px;
  top: -10px;
  background: none;
  border: 2px solid #ffdc2c;
  border-radius: 180px;
}

.tabul li.all {
  line-height: 160px;
}

#index_middle_4 {
  background: linear-gradient(to right, #f0f3f5 45%, #acb5bd 46%);
  height: 1295px;
}

#index_middle_4 .container {
  width: 1903px;
}

#index_middle_4 .container:after {
  content: ' ';
  display: block;
  clear: both;
}

#index_middle_4 .container article {
  width: 50%;
}

#index_middle_4 .container article.right h2 {
  display: block;
  margin: 70px auto;
  text-align: center;
}

#index_middle_4 .middle_2_list {
  width: 1480px;
  margin: 0 auto;
  padding: 140px 0 80px;
  border-top: 1px solid #fff;
}

#index_middle_4 .middle_2_list>li {
  float: left;
  display: block;
}

#index_middle_4 .middle_2_list>li:nth-child(2) {
  padding: 0 36px;
}

#index_middle_4 .notice li a {
  color: #fff;
}

/* 슬라이드 */
.swiper {
  width: 100%;
  /* width: 1000px; */
  padding-top: 50px;
  padding-bottom: 150px;
}

.swiper-slide {
  background-position: center;
  background-size: cover;
}

.swiper-slide img {
  display: block;
  width: 100%;
}

.swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  background: #252525;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #d4c5ab;
}

.swiper-pagination {
  margin-top: 100px;
}


/* .swiper-slide.swiper-slide-visible.swiper-slide-active {
  padding: 0;
  width: 600px;
  height: 600px;
} */

/* .swiper-slide.swiper-slide-visible.swiper-slide-active {
  width: 600px;
  height: 600px;
}

.swiper-slide.swiper-slide-visible.swiper-slide-prev,
.swiper-slide.swiper-slide-visible.swiper-slide-next {
  width: 450px;
  height: 450px;
} */


#index_middle_2 iframe {
  display: block;
  margin: 0 auto 80px;
}

.sample.tab-content {
  display: none;
}

.sample.tab-content.on {
  display: block;
}

.sample {
  margin: 80px 0 0 0;
}

.sample .titimg {
  margin-bottom: 40px;
}

.sample .titimg .left,
.sample .titimg .right {
  overflow: hidden;
  width: 755px;
  height: 755px;
  background: #212529;
  border: 1px solid #707070;
  box-sizing: border-box;
}

.sample .titimg .left .login_msg {
  width: 730px;
  height: 730px;
  color: #fff;
  font-weight: 100;
  font-size: 30px;
  text-align: center;
  border: 1px solid #585858;
  margin: 10px;
  box-sizing: border-box;
}

.sample .titimg .left .login_msg p {
  font-size: 25px;
  margin-top: 260px;
}

.sample .titimg .left .login_msg b {
  font-weight: bold;
}

.sample .titimg .left .login_msg button {
  width: 250px;
  height: 64px;
  margin-top: 55px;
  line-height: 60px;
  font-weight: bold;
  color: #ffdc2c;
  border: 1px solid #ffdc2c;
}

.sample .titimg .left .login_msg button:hover {
  background: #ffdc2c;
  color: #000;
}

.left {
  float: left;
}

.right {
  float: right;
}

.sample .titimg:after,
.imgwrap div:after {
  content: ' ';
  display: block;
  clear: both;
}

.imgwrap div {
  width: 725px;
  display: inline-block;
}

.imgwrap div:first-child {
  margin-right: 60px;
}

.imgwrap div>p {
  text-align: left;
  margin-bottom: 30px;
  font-weight: bold;
  font-size: 30px;
}

.imgwrap div>ul li {
  overflow: hidden;
  position: relative;
  float: left;
  width: 135px;
  height: 135px;
  margin: 0 10px 10px 0;
  border: 1px solid #e9ecef;
  box-sizing: border-box;
  cursor: pointer;
}

.imgwrap div>ul li img {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 135px;
  height: 135px;
}

.imgwrap div>ul li.on:after,
.imgwrap div>ul li:hover:after {
  content: '';
  position: absolute;
  display: block;
  width: 135px;
  height: 135px;
  left: 0;
  top: 0;
  border: 10px solid #ffdc2c;
}

.sample>p {
  text-align: center;
  font-size: 25px;
  margin-bottom: 90px;
}

.main-tit-box {
  height: 1200px;
  background: #6939a2;
}
.main-tit-box.type2 {
  height: 1200px;
  background: #0b5b42;
}
.main-tit-box .container {
  width: 1924px;
  position: relative;
}

.main-tit-box article {
  display: inline-block;
}
.main-tit-box article.left {
  display: none;
}

.main-tit-box article.right {
  position: absolute;
  right: 0;
  width: 100%;
  height: 1200px;
  background: url(../images/main/main-tit-box.png) no-repeat center;
  z-index: 9;
}
.main-tit-box.type2 article.right {
  position: absolute;
  right: 0;
  width: 100%;
  height: 1200px;
  background: url(../images/main/main-tit-box2.png) no-repeat center;
  z-index: 9;
}

.main-tit-box article.right li.eye {
position: absolute;
left: 378px;
bottom: 106px;
}

.main-tit-box article.right li.face {
    position: absolute;
    left: 564px;
    bottom: 106px;
}

.photo_gallery {
  position: relative;
}

.photo_gallery p.photo_img {
  width: 715px;
  height: 639px;
  margin: 0 auto;
}

.photo_gallery p.photo_img img {
  display: block;
}

.photo_gallery .photo_list {
  width: 715px;
  height: 280px;
  overflow: hidden;
  margin: 50px auto 0;
}

.photo_gallery .photo_list .list_wrap ul {
  width: 715px;
  list-style: none;
  padding: 0px;
  margin: 0px;
  float: left;
}

.photo_gallery .photo_list .list_wrap ul li {
  float: left;
  overflow: hidden;
  width: 135px;
  height: 135px;
  margin: 5px;
  border: 1px solid #707070;
  box-sizing: border-box;
}

.photo_gallery .photo_list .list_wrap ul li:first-child,
.photo_gallery .photo_list .list_wrap ul li:nth-child(6) {
  margin-left: 0;
}

.photo_gallery .photo_list .list_wrap ul li:nth-child(5),
.photo_gallery .photo_list .list_wrap ul li:last-child {
  margin-right: 0;
}

.photo_gallery .photo_list .list_wrap ul li a img {
    width: 135px;
    height: 135px;
  /* width: 136px;
  height: 102px;
  vertical-align: middle;
  border: 2px solid #CFC1C0 */
}

/* .photo_gallery .photo_list .list_wrap ul li.active a img {
  border: 2px solid #DE3838
} */

.photo_gallery button {
  position: absolute;
  bottom: 59px;
  cursor: pointer
}

.photo_gallery button.btn_prev {
  left: 58px;
  bottom: 100px;
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  width: 35px;
  height: 67px;
  margin: 0px;
  border: 0px;
  padding: 0px;
  background: url(../images/main/arr.png) no-repeat left top;
  transform:rotate(0deg);
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.photo_gallery button.btn_next {
  right: 58px;
  bottom: 100px;
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  width: 35px;
  height: 67px;
  margin: 0px;
  border: 0px;
  padding: 0px;
  background: url(../images/main/arr.png) no-repeat left top
}

#nm_video_wrap {
  position: absolute;
  height: 1080px;
  margin-top: 120px;
  z-index: 9;
}
#main_intro {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#main_intro #intro_logo {
  position: absolute;
  top: 20px;
  left: 50px;
  z-index: 10;
}

#main_intro .intro_left,
#main_intro .intro_right {
  float: left;
  width: 50%;
  height: 100%;
  position: relative;
}

#main_intro .intro_left .intro_off,
#main_intro .intro_right .intro_off,
#main_intro .intro_left .intro_on,
#main_intro .intro_right .intro_on {
  width: 100%;
  height: 100%;
  transition: 0.5s all;
}

#main_intro .intro_off,
#main_intro .intro_on {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

#main_intro .intro_left {
  background: url(../images/intro/left_bg.png) no-repeat center;
  opacity: 1;
  background-size: cover;
}

#main_intro .intro_right {
  background: url(../images/intro/right_bg.png) no-repeat center;
  opacity: 1;
  background-size: cover;
}

#main_intro .intro_left:hover {
  opacity: 0.7;
  transition-duration: 1s;
}

#main_intro .intro_right:hover {
  opacity: 0.7;
  transition-duration: 1s;
}

.intro_center_txt {
  text-align: center;
}

#main_intro .intro_center_txt .center_txt_img {
  position: absolute;
  width: 100%;
  top: 68%;
  margin-top: -160px;
}

#main_intro .intro_center_txt .top_txt_img {
  position: absolute;
  top: 180px;
  width: 100%;
  text-align: right;
  padding: 0 5px;
}

#main_intro .intro_right .intro_center_txt .top_txt_img {
  top: 300px;
  text-align: left;
}

#main_intro .intro_left .on_intro_center_txt .center_txt_img {
  position: absolute;
  width: 70%;
  top: 50%;
  margin-top: -240px;
  left: 15%;
  text-align: left;
  z-index: 2
}

#main_intro .intro_right .on_intro_center_txt .center_txt_img {
  position: absolute;
  width: 70%;
  top: 50%;
  margin-top: -240px;
  left: 15%;
  text-align: right;
  z-index: 2
}

#main_intro .on_intro_center_txt .center_txt_img {
  position: absolute;
  width: 80%;
  top: 50%;
  margin-top: -160px;
  left: 10%;
  z-index: 2
}

#main_intro .on_intro_center_txt .top_txt_img {
  position: absolute;
  bottom: 100px;
  width: 100%;
  text-align: center;
  z-index: 2
}
#main_video {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
  z-index: 10;
}
#main_video #nm_video_wrap {
  position: absolute;
  width: 1920px;
  height: 1080px;
  z-index: 10;
  margin: 0;
}
body>#blind {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
  z-index: 9;
}
video {
  position: fixed;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -1;
}

/* //// landing quick//// */
#quick_w_wrap{position:fixed;width:100%;top:auto;bottom:0;left:0;right:0;z-index:9990;}

#l_quickbtn{position:relative;display:inline-block;left:5%;top:auto;right:auto;margin-bottom:20px;text-align:center;color:#fff200;z-index:9990;}
#l_quickbtn a{color:#fff200;}
#l_quickbtn .imgdiv{margin-bottom:10px;position:relative;top:0;animation:scroll 0.8s ease-in-out 0.5s infinite alternate;}
@keyframes scroll {
	0%{top:0;}
	50%{top:-5px;}
	100%{top:0;}
	
}
#l_quickbtn .imgdiv img{max-width:76px;}

#l_quickwrap {
  width: 100%;
  height: 100px;
  background: #1e1c3bba;
  color: #fff;
  z-index: 9990;
}
#l_quickwrap .l_container{height:inherit;}
#l_quickwrap #quickform{height:inherit;}
#l_quickwrap #quickform.flexwrap_j{width:100%;height:inherit;}
#l_quickwrap #quickform .inner01{width:80%;}
#l_quickwrap #quickform .inner02{width:20%;}

#quick_w_wrap .l_container {
  max-width: 1340px;
}

#l_quickwrap #quickform .inner01 .quick_tit{width: 157px;}
#l_quickwrap #quickform .inner01 .quick_cont {
  /* width: 80%; */
  justify-content: flex-start;
}
#l_quickwrap #quickform .inner01 .quick_tit h3 {
  width: 157px;
}

#l_quickwrap #quickform .inner01 .quick_cont .list01{
  width:200px;
  margin-right: 30px;
}
#l_quickwrap #quickform .inner01 .quick_cont .list02{
  width:200px;
  margin-right: 30px;
}
#l_quickwrap #quickform .inner01 .quick_cont .list02:nth-child(2) {
  width: 200px;
}
#l_quickwrap #quickform .inner01 .quick_cont .list02:nth-child(2) h4 {
  font-weight: normal;
  color: #fff;
}
#l_quickwrap #quickform .inner01 .quick_cont .list02.ok input {
  width: 20px;
  height: 20px;
  display: inline-block !important;
}
#l_quickwrap #quickform .inner01 .quick_cont .list02.ok {
  width: 280px;
}
#l_quickwrap #quickform .inner01 .quick_cont .list02.ok h4 {
  font-size: 14px;
  font-weight: normal;
}
#l_quickwrap #quickform .inner01 .quick_cont .list02.ok h4 a{
  color: #fff;
}
#l_quickwrap #quickform .inner01 .quick_cont .list02.ok label {
      width: 80%;
      display: inline-block;
}
#l_quickwrap #quickform .inner01 .quick_cont .list02:nth-child(2) * {
  display: inline-block !important;
  /* color: #fff; */
}
#l_quickwrap #quickform .inner01 .quick_cont .list03{
  width: 209px;
  position: relative;
  margin-right: 30px;
}
#l_quickwrap #quickform .inner01 .quick_cont .list03 .select_arrow {
  display: none;
}

#l_quickwrap #quickform .inner01 .quick_cont .list label{width:20%;}
#l_quickwrap #quickform .inner01 .quick_cont .list03 label{width:29%; display: none;}
#l_quickwrap #quickform .inner01 .quick_cont .list input{width:200px;padding:2px;border:none;border:1px solid #b9b9b9;background:#fff;margin-left:5px;color:#000;font-family: 'Noto Sans KR', sans-serif;font-weight:500;font-size:0.9vw;}
#l_quickwrap #quickform .inner01 .quick_cont .list select {
  width: 200px;
  padding: 2px;
  border: none;
  border: 1px solid #b9b9b9;
  background: #fff;
  margin-left: 5px;
  appearance: none;
  -webkit-appearance: none;
  /* color: #fff; */
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: 500;
  font-size: 0.9vw;
}
/* #l_quickwrap #quickform .inner01 .quick_cont .list input:focus{border:none !important;border-bottom:2px solid #fff !important;box-shadow:none;} */
/* #l_quickwrap #quickform .inner01 .quick_cont .list select:focus{border:none !important;border-bottom:2px solid #fff !important;box-shadow:none;} */
#l_quickwrap #quickform .inner01 .quick_cont .list select option{background:#fff;color:#000;}
#l_quickwrap #quickform .inner01 .quick_cont .list select::-ms-expand{display:none;}
/* #l_quickwrap #quickform .inner01 .quick_cont .list .select_arrow{position:absolute;top:-2px;bottom:0;right:0;left:auto;margin:auto;width:9px;height:9px;background:url(/img/landing/select_arrow.png)no-repeat center center /cover;pointer-events: none;} */

/* #l_quickwrap #quickform .inner02 #submit{width:8.3854166vw;height:3.0729166vw;max-width:161px;max-height:59px;margin:0 0 0 auto;color:#fff;font-family: 'Noto Sans KR', sans-serif; font-weight: bold;text-align:center;border:none;background:url(/img/landing/btn_bg.png)no-repeat center center /cover;} */
/* #l_quickwrap #quickform .inner02 #submit:hover{background:url(/img/landing/btn_bg_h.png)no-repeat center center /cover;} */
#l_quickwrap #quickform .inner02 #submit {
  width: 8.3854166vw;
  height: 3.0729166vw;
  max-width: 154px;
  max-height: 53px;
  margin: 0 0 0 auto;
  color: #1d1c3a;
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: Medium;
  text-align: center;
  border: none;
  border-radius: 20px;
  background: #d4c5ab;
}


/* class1 */
.img-re{max-width:100%;display:block; width:auto;}
.m-auto{margin:auto}
.clearfix{*zoom:1;}
.clearfix::after {content: '';clear: both;display: block;}

.m_img{display:none !important}
.pc_img{display:block !important}
.m_img_in{display:none !important}
.pc_img_in{display:inline-block !important}

.visible{display:none !important}
.hidden{display:block !important}

.v500{display:none !important}
.h500{display:block !important}

.left{float:left}
.right{float:right}
.txt_c{text-align:center;}
.txt_l{text-align:left;}

.w100{width:100% !important}
.w10{width:10%;}
.w15{width:15%;}
.w20{width:20%;}
.w25{width:25%;}
.w30{width:30%;}
.w33{width:33.3333%;}
.w40{width:40%;}
.w45{width:45%;}
.w50{width:50%;}
.w60{width:60%;}
.w70{width:70%;}
.w75{width:75%;}
.w80{width:80%;}

.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}
.mb100{margin-bottom: 100px !important;}
.mb110{margin-bottom: 110px !important;}
.mb120{margin-bottom: 120px !important;}
.mb150{margin-bottom: 150px !important;}

.pt05{padding-top: 5px !important;}
.mt05{margin-top: 5px !important;}

.ft12{font-size:0.6vw;}
.ft14{font-size:0.7vw;}
.ft15{font-size:0.7vw;}
.ft16{font-size:0.83vw;}
.ft18{font-size:0.9vw;}
.ft20{font-size:1vw;}
.ft22{font-size:1.1vw;}
.ft24{font-size:1.2vw;}
.ft25{font-size:1.3vw;}
.ft26{font-size:1.4vw;}
.ft28{font-size:1.5vw;}
.ft30{font-size:1.6vw;}
.ft32{font-size:1.7vw;}
.ft35{font-size:1.8vw;}
.ft36{font-size:1.9vw;}
.ft38{font-size:2vw;}
.ft40{font-size:2.1vw;}
.ft50{font-size:2.6vw;}
.ft55{font-size:2.8vw;}
.ft60{font-size:3.1vw;}
.ft65{font-size:3.4vw;}
.ft70{font-size:3.6vw;}
.ft85{font-size:4.4vw;}
.ft90{font-size:5.2vw;}
.ft100{font-size:5.5vw;}
.ft150{font-size:7.8vw;}
.ft200{font-size:10.4vw;}

.map{width: 100% !important; height: 100% !important; margin: 0 auto !important; padding: 0 !important;border: 0 !important;}


/* class2 */
.l_container{max-width:1300px;margin:auto}
.l_container01{max-width:1300px;margin:5% auto !important;width:90%;}
.sub{position:relative;}
.subcontainer{}

.section{position: relative;overflow:hidden;padding:170px 0;}
.section a{display:block;}
.max1920{max-width:1920px;width:100%;margin:auto;}
.flexwrap{
display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;
-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;
}
.flexwrap_j{
display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
-webkit-box-pack: start;-ms-flex-pack: start;-webkit-justify-content: space-between;justify-content: space-between;
-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;
}

.fregister_agree input[type="checkbox"]:checked+label span {
  display: none !important;
}



/* 어셈블 셀피 슬라이드 */
#index_middle_1 .text_center .carousel {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 600px;
  -webkit-perspective: 500px;
  perspective: 400px;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}

#index_middle_1 .text_center .carousel.carousel-slider {
  top: 0;
  left: 0;
}

#index_middle_1 .text_center .carousel.carousel-slider .carousel-fixed-item {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  z-index: 1;
}

#index_middle_1 .text_center .carousel.carousel-slider .carousel-fixed-item.with-indicators {
  bottom: 68px;
}

#index_middle_1 .text_center .carousel.carousel-slider .carousel-item {
  width: 100%;
  height: 100%;
  min-height: 400px;
  position: absolute;
  top: 0;
  left: 0;
}

#index_middle_1 .text_center .carousel.carousel-slider .carousel-item h2 {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
}

#index_middle_1 .text_center .carousel.carousel-slider .carousel-item p {
  font-size: 15px;
}

#index_middle_1 .text_center .carousel .carousel-item {
  visibility: hidden;
  /* width: 900px;
  height: 300px; */
  width: 500px;
  height: 500px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1 !important;
}

#index_middle_1 .text_center .carousel .carousel-item>img {
  width: 100%;
}

#index_middle_1 .text_center .carousel .indicators {
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  bottom: -20px;
  margin: 0;
}

#index_middle_1 .text_center .carousel .indicators .indicator-item {
  display: inline-block;
  position: relative;
  cursor: pointer;
  height: 8px;
  width: 8px;
  margin: 24px 4px;
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
  border-radius: 50%;
}

#index_middle_1 .text_center .carousel .indicators .indicator-item.active {
  background-color: #ffdc2c;
}


#index_middle_1 .text_center .carousel.scrolling .carousel-item .materialboxed,
#index_middle_1 .text_center .carousel .carousel-item:not(.active) .materialboxed {
  pointer-events: none;
}
/* 어셈블 셀피 슬라이드 끝 */




/* sub1 병원소개 의료진 */
.wrap_sub {
  position: relative;
}

.wrap_sub * {
  font-family: 'NanumSquare', sans-serif;
  letter-spacing: -.5px;
}

.wrap_sub>section {
  /* position: absolute; */
  width: 1920px;
  /* left: 50%;
  margin-left: -50%; */
}

.wrap_sub .sub1 {
  width: 100%;
  height: 858px;
  background: #000000 url(../images/subbg_01.jpg) center no-repeat;
}

.wrap_sub .sub1 * {
  color: #fff;
  text-align: center;
}

.wrap_sub .sub1 .container {
  height: 100%;
  position: relative;
}

.wrap_sub .sub1 .txt_wrap {
  position: absolute;
  right: 0;
  top: 295px;
  width: 535px;
}

.wrap_sub .sub1 .txt_wrap h3 {
  font-size: 50px;
  padding: 15px 0 105px;
}

.wrap_sub .sub1 .txt_wrap h4 {
  color: #a3a3a3;
  font-weight: lighter;
  font-size: 19px;
  letter-spacing: 1px;
}

.wrap_sub .sub1 .txt_wrap span {
  font-size: 22px;
  line-height: 36px;
}

.wrap_sub .sub2 {
  width: 100%;
  height: 414px;
  background: #7059c5 url(../images/subbg_02.jpg) center no-repeat;
}

.wrap_sub .sub3 {
  width: 100%;
  height: 3273px;
  background: url(../images/sibdo.jpg) center no-repeat;
}

.wrap_sub .sub3 p {
  font-size: 22px;
  line-height: 40px;
  font-weight: bold;
}

.wrap_sub .sub3 p span {
  font-weight: 500;
}

.wrap_sub .sub3>.container {
  position: relative;
}

.wrap_sub .sub3>.container>div {
  display: block;
  position: absolute;
  top: 367px;
  right: 0px;
  width: 631px;
  height: 693px;
  font-weight: bold;
  line-height: 15px;
}

.wrap_sub .sub3>.container>div a {
  display: block;
  margin-top: 75px;
}

.wrap_sub .sub3>.container>div.lee {
  top: 1336px;
}

.wrap_sub .sub3>.container>div.park {
  top: 2424px;
}

.hide_txt {
  display: none;
}


/* sub1 끝 */


/* 메인변경 */


header.top-header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 90;
  background: rgba(0, 0, 0, 0.493);
}

header>ul {
  display: flex;
  justify-content: space-around;
}

header>ul>li {
  line-height: 36px;
  padding: 20px 0;
}

header>ul>li a {
  color: #fff;
  font-size: 18px;
  margin-right: 25px;
}

header>ul>li a:hover {
  color: #ff5151;
  font-weight: bold;
}

header .login {
  margin-right: 44px;
}

header .login img {
  width: 22px;
  height: 33px;
}

header .join img {
  width: 24px;
  height: 34px;
}

header li .submenu {
  display: none;
}

nav {
  position: fixed;
  top: 49%;
  right: -60px;
  z-index: 85;
  transform: translate(-50%, -50%);
  zoom: .9;
}

nav ul {
  position: relative;

}

nav>ul>li {
  width: 105px;
  height: 93px;
  cursor: pointer;
  border-bottom: 1px solid gray;
}

nav>ul>li.model {
  width: 105px;
  height: 128px;
}

nav>ul>li.call {
  width: 105px;
  height: 193px;
}

nav>ul>li.top {
  width: 105px;
  height: 48px;
}

nav>ul>li:nth-child(1) {
  background: url(../images/g_02.png);
}

nav>ul>li:nth-child(2) {
  background: url(../images/g_04.png);
}

nav>ul>li:nth-child(3) {
  background: url(../images/g_06.png);
}

nav>ul>li:nth-child(4) {
  background: url(../images/g_08.png);
}

nav>ul>li:nth-child(5) {
  background: url(../images/g_10.png);
}

nav>ul>li:nth-child(1).on {
  background: url(../images/g_02_on.png);
}

nav>ul>li:nth-child(2).on {
  background: url(../images/g_04_on.png);
}

nav>ul>li:nth-child(3).on {
  background: url(../images/g_06_on.png);
}

nav>ul>li:nth-child(4).on {
  background: url(../images/g_08_on.png);
}

nav>ul>li:nth-child(5).on {
  background: url(../images/g_10_on.png);
}

nav li>div {
  display: none;
  position: absolute;
  width: 450px;
  height: 605px;
  display: none;
  left: -450px;
  top: 0;
}

nav li.on>div {
  display: block;
}
nav li>div select{
  width:200px;
  height:50px;
}
nav li>div select, 
nav li>div input {
  border: 1px solid #a7a7a7;
  padding: 5px;
}

nav .nav1>div {
  background: url(../images/nav1.png);
}

nav .nav2>div {
  background: url(../images/nav2.png);
}

nav .nav3>div {
  background: url(../images/nav3.png);
}

nav .nav1>div ul,
nav .nav2>div ul {
  margin: 142px auto;
  width: 370px;
  text-align: right;

}

nav .nav1>div ul li,
nav .nav2>div ul li {
  height: 35px;
  padding: 10px 0;
  text-align: left;
  margin-bottom: 30px;
}

nav .nav2>div ul li span,
nav .nav2>div ul li.ok label {
  color: #fff;
}

nav .nav1>div ul span,
nav .nav2>div ul span {
  display: inline-block;
  width: 148px;
  text-align: right;
  padding-right: 30px;
  color: #535353;
  font-weight: bold;
  font-size: 16px;
  line-height: 35px;
}

nav .nav1>div ul,
nav .nav2>div ul {
  margin-top: 180px;
}

nav div ul .phone input {
  width: 60px;
}

nav li.ok {
  font-size: 15px;
  color: #737373;
  margin-left: 85px;
  margin-top: 50px;
}

nav li.ok label {
  display: block;
  margin-bottom: 15px;
  cursor: pointer;
}

nav li.ok input[type="radio"] {
  display: inline-block !important;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

nav .nav1 ul li>span,
nav .nav2 ul li>span {
  font-size: 25px;
}
nav .nav1 input,
nav .nav2 input {
  height: 50px;
  line-height: 50px;
}

nav .nav1 div .quick_submit,
nav .nav2 div .quick_submit {
  width: 186px;
  height: 50px;
  position: absolute;
  bottom: 56px;
  left: 145px;
  font-size: 0;
}

nav .nav2 div .quick_submit {
  bottom: 32px;
}

nav li.ok a {
  display: inline-block;
  width: 73px;
  height: 21px;
  color: #fff;
  background: #a2a2a3;
  font-size: 13px;
  padding: 0 5px;
  margin-left: 5px;
}

.nav3 ul {
  margin: 140px auto 0;
  width: 400px;
}

.nav3 ul li span {
  width: 100px;
  display: inline-block;
  text-align: right;
  margin-right: 20px;
  font-weight: bold;
  font-size: 19px;
  line-height: 31px;
  vertical-align: middle;
  color: #535353;
}

.nav3 ul li {
  margin-bottom: 9px;
}

.nav3 ul li .textarea {
  vertical-align: top;
}

.nav3 ul li .textarea span {
  vertical-align: top;
}

.nav3 ul li .textarea textarea {
  border: 1px solid #535353;
}

.nav3 ul li.ok {
  margin-top: 0;
}

.nav3 div button {
  font-size: 0;
  display: block;
  width: 224px;
  height: 60px;
  margin: 0 auto;
}
header li:hover .submenu {
  display: block;
  position: absolute;
  background: #fff;
  width: 100%;
  height: 176px;
  bottom: -176px;
  left: 0;
  padding-left: 330px;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}


header li .submenu * {
  color: #3b3b3b;
}

header li .submenu a {
  display: inline-block;
  padding: 0 25px;
  font-size: 17px;
  height: 63px;
  float: left;
  line-height: 63px;
}

header li .submenu .wrap {
  background: #fff;
  width: 820px;
  padding-top: 22px;
  z-index: 10;
  position: absolute;
  margin: 0;
  height: 126px;
}

header li .submenu .wrap p {
  float: left;
  display: inline-block;
  padding: 0 20px;
  font-size: 30px;
  font-weight: bold;
  line-height: 126px;
}

header li:hover .submenu:after {
  content: '';
  position: absolute;
  right: 17%;
  width: 356px;
  height: 176px;
  z-index: 99;
}

/*
header li:nth-child(2):hover .submenu:after {
  background: url(../images/j_01.png);
}
header li:nth-child(3):hover .submenu:after {
  background: url(../images/j_03_2.png);
}
header li:nth-child(4):hover .submenu:after {
  background: url(../images/j_02.png);
}
header li:nth-child(5):hover .submenu:after {
  background: url(../images/j_04.png);
}
header li:nth-child(6):hover .submenu:after {
  background: url(../images/m_b_5.jpg);
}
header li:nth-child(7):hover .submenu:after {
  background: url(../images/m_b_4.jpg);
}
header li:nth-child(8):hover .submenu:after {
  background: url(../images/j_06.png);
}
*/


.main-wrapper .slick-arrow {
  display: none !important;
}

.main-wrapper .slick-slide {
  overflow: hidden;
  cursor: pointer;
}

.container {
  position: relative;
  width: 1420px;
  margin: 0 auto;
}

.main_wrap>section>.container>img {
  display: block;
  margin: 0 auto;
}

.main1 {
  width: 1920px;
  margin: 0 auto;
}

.main1 .scroll {
  width: 62px;
  height: 73px;
  display: block;
  margin: 0 auto;

}

.main1 .scroll_box {
  z-index: 99;
  position: absolute;
  bottom: 90px;
  left: 50%;
  margin-left: -31px;
  animation: motion 0.6s linear 0s infinite alternate;
  cursor: pointer;
}

@keyframes motion {
  0% {
    bottom: 90px;
  }

  100% {
    bottom: 75px;
  }
}

.main2 {
  position: relative;
  height: 1100px;
  padding-bottom: 145px;
  background: #fff;
}

.main2 .controls.center {
  display: none;
}

.main3 {
  position: relative;
  background-color: #f3b8b6;
}

.main3 .container {

  width: 1920px;
  height: 904px;
  background: url(../images/main2bg.jpg)no-repeat center top;
}

.main4 {
  padding: 120px 0 86px;
  background-color: #f4f4f4;
}

.main4 .container {
  width: 611px;
}

.main5 {
  background-color: #d0d0d0;
  padding-bottom: 145px;
}

.main6 .container {
  width: 1920px;
  height: 1364px;
  background: url(../images/main6bg.png)no-repeat center top;
}

.main7 img {
  width: 1421px;
  height: 983px;
}

.main8 {
  margin-bottom: 250px;
}

.main8:after {
  content: ' ';
  display: block;
  clear: both;
}

.main8 img {
  float: right;
}

footer {
  background-color: #000;
}

footer .container>img {
  display: block;
  margin: 0 auto;
}

footer .container {
  padding: 100px 0;
}

.main2 .tab_menu {
  width: 876px;
  display: flex;
  justify-content: space-around;
  margin: 60px auto;
}

.main2 .tab_menu li {
  display: inline-block;
  float: left;
  width: 150px;
  height: 60px;
  background: #fff;
  border: 1px solid #414141;
  text-align: center;
  line-height: 60px;
  color: #414141;
  font-size: 20px;
  cursor: pointer;
}

.main2 .tab_menu li.on {
  background: #1e1c3b;
  color: #fff;
}


.main2 .controls.center {
  position: absolute;
  width: 83px;
  left: -130px;
  top: 180px;
}

.main2 .controls.center button,
.main4 .controls.center button {
  width: 84px;
  height: 84px;
}

.main2 .controls.center button.prev,
.main4 .controls.center button.prev {
  background: url(../images/b_01.png) no-repeat;
  background-position: 0px -0px;
}

.main4 .controls.center button.prev {
  float: left;
}

.main2 .controls.center button.next,
.main4 .controls.center button.next {
  background: url(../images/b_01.png) no-repeat;
  background-position: 0px -101px;
  margin-top: 15px;
}

/* Scrollbar */
.main2 .scrollbar {
  position: absolute;
  margin: 0 0 0 -710px;
  width: 1420px;
  height: 10px;
  background: #e7e7e7;
  line-height: 0;
  border-radius: 5px;
  bottom: -75px;
  overflow: hidden;
  left: 42.5%;
}

.main2 .scrollbar .handle {
  width: 100px;
  height: 100%;
  background: #1e1c3b;
  cursor: pointer;
  border-radius: 5px;
}

.main2 .scrollbar .handle .mousearea {
  position: absolute;
  top: -9px;
  left: 0;
  width: 100%;
  height: 20px;
}

.main3 .wrap {
  width: 1251px;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50.5%;
  top: 52%;
}

.main3 .wrap:after {
  content: ' ';
  display: block;
  clear: both;
}

.main3 .left {
  float: left;
  width: 550px;
  height: 400px;
}

.main3 .right {
  float: right;
  width: 625px;
  margin-top: 40px;
}

.main3 .right p span {
  color: #aaa;
  font-size: 20px;
}

.main3 .right p {
  font-size: 25px;
}

.main3 .right ul {
  height: 180px;
  margin-top: 30px;
  white-space: nowrap;
  overflow: auto;
}

.main3 .right ul li {
  display: inline-block;
  margin-left: 20px;
}

.main3 .right ul li:first-child {
  margin-left: 0;
}

.main3 .right ul::-webkit-scrollbar {
  height: 6px;
}

.main3 .right ul::-webkit-scrollbar-thumb {
  background-color: #000;
  border-radius: 5px;
}

.main3 .right ul::-webkit-scrollbar-track {
  background-color: #e7e7e7;
  border-radius: 5px;
}

.main4>.container>button {
  display: block;
  margin: 0 auto;
}

.main4 .oneperframe {
  margin: 50px auto;
}

.main4 .oneperframe,
.main4 .oneperframe ul,
.main4 .oneperframe li {
  overflow: hidden;
  width: 612px;
  height: 464px;
}

.main2 .frame li .main4 .oneperframe li {
  float: left;
  height: 100%;
  padding: 0;
  text-align: center;
  cursor: pointer;
}

.main4 .controls.center {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 41%;
  left: 50%;
  width: 150%;
}

.main4 .controls.center .next {
  float: right;
  margin-top: 0 !important;
}

/* 
.frame {
  height: 250px;
  line-height: 250px;
  overflow: hidden;
}

.frame ul {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 100%;
  font-size: 50px;
} */

/* .frame ul li {
  display: none;
  float: left;
  width: 227px;
  height: 100%;
  margin: 0 1px 0 0;
  padding: 0;
  background: #333;
  color: #ddd;
  text-align: center;
  cursor: pointer;
}

.frame ul li.active {
  display: block;
}

.frame ul li.active img{
  display: block;
  width: 100%;
  height: 100%;
} */


.frame ul li {
  float: left;
  width: 420 px;
  height: 100%;
  margin: 0 80px 0 0;
  padding: 0;
  background: #333;
  color: #ddd;
  text-align: center;
  cursor: pointer;
}

.main2 .wrap {
  width: 1670px;
  position: absolute;
  left: 0;
}

.main2 .wrap .frame {
  height: 600px;
}

.main2 .wrap li {
  position: relative;
  overflow: hidden;
  margin-right: 30px;
  width: 440px;
  height: 600px;
  border-radius: 22px;
}

.frame ul li.active,
.frame ul li {
  background: none !important;
}

.main2 .wrap li img {
  width: 440px;
  height: 600px;
}

.main2 .frame ul li:after {
  position: absolute;
  content: '';
  display: block;
  width: 101px;
  height: 24px;
  left: 170px;
  bottom: 43px;
  background: url(../images/b_09.png) no-repeat;
}

.main2 .frame ul li:hover:after {
  width: 105px;
  height: 25px;
  background: url(../images/b_08.png) no-repeat;
}

.main5 .slick-dots {
  text-align: center;
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

.main5 .slick-dots li {
  width: 11px;
  height: 11px;
  background: #fff;
  font-size: 0;
  border-radius: 5px;
  margin: 4px;
}

.main5 .slick-dots li.slick-active {
  background: #c20f2f;
}

.main5 .heart {
  position: absolute;
  right: -180px;
  bottom: -80px;
}

.main6 .main-wrapper3 {
  width: 1100px;
  position: absolute;
  top: 300px;
  right: 230px;
}

.main6 .main-wrapper3 .slick-arrow {
  position: absolute;
  width: 32px;
  height: 59px;
  font-size: 0;
  top: 195px;
}

.main6 .main-wrapper3 .slick-arrow.slick-prev {
  left: -60px;
  background: url(../images/arrow_99.png);
}

.main6 .main-wrapper3 .slick-arrow.slick-next {
  right: -60px;
  background: url(../images/arrow_99.png);
  background-position: -30px 0;
}

.bfaf {
  width: 100%;
  position: absolute;
  top: 1430px;
}

.bfaf .wrap>div {
  display: flex;
}

.bfaf .wrap>div>div {
  width: 200px;
  height: 200px;
}

.bfaf .wrap>div>div:first-child {
  background: #575252;
  text-align: center;
  line-height: 200px;
  font-size: 25px;
  color: #fff;
}

.bfaf .wrap>div>div:last-child {
  background: #e8e8e8;
}

.bfaf>ul {
  display: flex;
  justify-content: center;
}

.bfaf>ul>li {
  width: 240px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  background: #e5e5e5;
  color: #4b4b4b;
  font-size: 18px;
  cursor: pointer;
}

.bfaf>ul>li.on {
  background: #ff5151;
  color: #fff;
}

.bfaf .wrap {
  width: 820px;
  margin: 85px auto 50px;
}

.bfaf .wrap:after {
  content: ' ';
  display: block;
  clear: both;
}

.bfaf>a {
  display: block;
  margin: 50px auto 0;
  width: 206px;
  height: 33px;
}


.bfaf .left {
  float: left;
}

.bfaf .right {
  float: right;
}

.main6 {
  height: 2026px;
}

.main6,
.main8,
.main_wrap,
.main7 {
  background: #fff;
}

footer ul {
  display: flex;
  justify-content: center;
}



.main6 .container>button {
  overflow: hidden;
  border-radius: 50px;
  display: block;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 60%;
  top: 64%;
}

.main4 .container>img,
.main2 .container>img {
  display: block;
  margin: 0 auto;
}

.root_daum_roughmap .wrap_map:last-child,
.wrap_controllers.hide:last-child {
  display: none;

}

.main8 .map {
  overflow: hidden;
  height: 635px !important;
  position: relative;
}

.main8 .map .img {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 84;
}

/* 메인변경 끝 */



/* 서브페이지 */
/* 구글웹폰트 나눔명조 */
/* @import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap'); */
/* font-family: 'Nanum Myeongjo',serif; */

.img_content .poa {
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 46px;
  color: #fff;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 47%;
  font-weight: 100;
}

.page .img_content {
  position: relative;
}

.subinfo1 p {
  font-family: 'Nanum Myeongjo', serif;
}

.subinfo2 ul.poa {
  position: absolute;
  left: auto;
  top: 60%;
  width: 810px;
  right: -182px !important;
}

.subinfo2 .poa li {
  display: inline-block;
  float: left;
  width: 256px;
  height: 220px;
  margin-bottom: 178px;
}

.subinfo2 .poa li:nth-child(2) {
  margin-top: -85px;
}

.subinfo2 .poa li:nth-child(5) {
  margin-top: 78px;
}

.subinfo2 .poa li p {
  font-size: 17px;
  font-weight: bold;
  margin-top: 71px;
  letter-spacing: -1px;
  margin-bottom: 40px;
}

.subinfo2 .poa.nomal {
  font-weight: normal;
  font-size: 50px;
  left: auto;
  right: -1247px;
  margin-top: -20px;
}

.subinfo2 .poa.nomal span {
  color: #72dec8;
}

.subinfo3 .txttype2 li {
  height: 543px;
  margin-bottom: 87px;
  padding-top: 193px;
}

.subinfo3 .txttype2 li:nth-child(2) {
  margin-left: -1264px;
}

.subinfo3 .txttype2 * {
  color: #000;
  font-size: 20px;
  font-weight: normal;
  letter-spacing: -1px;
}

.subinfo3 .txttype2 li p {
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 50px;
}

.subinfo3 .txttype2.poa {
  left: 1270px;
  top: 226px;
  transform: translate(-50%, -0%);
}

.subinfo3 .txttype2 li:nth-child(3) {
  margin-top: -15px;
}

.subinfo4 .mj_tit {
  font-size: 47px;
  margin-top: -3px;
  margin-bottom: 20px;
  color: #fff;
  font-family: 'Nanum Myeongjo', serif;
}

.subinfo4 .mj_tit span {
  color: #35d4a9;
}

.subinfo4 .mj_s {
  font-size: 26px;
  font-family: 'Nanum Myeongjo', serif;
}

.subinfo4 p {
  color: #a1a3a2;
  font-size: 25px;
  margin-top: 90px;
}


.page2 .swiper {
  width: 100%;
  height: 100%;
}

.page2 .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.page2 .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.page2 .swiper {
  width: 100%;
  /* height: 300px; */
  margin-left: auto;
  margin-right: auto;
  margin-top: 150px;
  padding-top: 0;
  margin-bottom: 40px;
  padding-bottom: 0;
}

.page2 .swiper-slide {
  background-size: cover;
  background-position: center;
}

.page2 .mySwiper2 {
  height: 80%;
  width: 100%;
}

.page2 .mySwiper {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
}

.page2 .mySwiper .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 0.4;
}

.page2 .mySwiper .swiper-slide-thumb-active {
  opacity: 1;
}

.page2 .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.page2 {
  width: 1322px;
  margin: 0 auto;
}

.page2 .mySwiper22 .swiper-slide,
.page2 .mySwiper22 .swiper-slide img .page2 .mySwiper22 .swiper-wrapper {
  height: 685px;
}

.page2 .mySwiper33 {
  /* margin-top: 40px; */
  margin: 0;
  padding: 0;
  /* height: 317px; */
  margin-bottom: 100px;
}

.img_content.tit {
  position: relative;
  background: url(../img/bb_01.jpg) no-repeat;
  width: 1920px;
  height: 699px;
  margin: 0 auto;
}

.img_content.tit .container {
  position: absolute;
  width: 1300px;
  left: 298px;
  bottom: 100px;
}

.img_content.tit * {
  color: #fff;

}

.img_content.tit p {
  font-size: 50px;
  margin-bottom: 65px;
  letter-spacing: -1px;
}

.img_content.tit span {
  font-size: 21px;
  font-weight: 300;
  letter-spacing: -.5px;
}

.page.info5 {
  width: 1300px;
  margin: 150px auto 0;
  padding-bottom: 400px;
}

.page.info5:after {
  content: ' ';
  display: block;
  clear: both;
}

.page.info5,
.page.info5 pre {
  background: #fff;
}

.page.info5 .txt {
  float: left;
  width: 530px;
}

.page.info5 .txt .tit {
  color: #1e1c3b;
  font-size: 35px;
  font-weight: bold;
  margin-bottom: 20px;
}

.page.info5 .map {
  float: right;
  width: 665px !important;
  height: 856px !important;
  border: 1px solid #000;
}

.page.info5 .map >div {
  /* width: 665px !important;
  height: 856px !important; */
}

.page.info5 pre {
  overflow: hidden;
  font-size: 20px;
  font-weight: 400;
  font-family: 'Noto Sans KR', sans-serif;
  line-height: 30px;
  letter-spacing: -0.5px;
  border-bottom: 1px solid #d6dadd;
}

.page.info5 ul li {
  font-size: 20px;
}

.page.info5 ul li:last-child {
  margin-top: 15px;
}

.page.info5 .onlinebtn {
  margin-top: 70px;
}

.sinfo {
  width: 100%;
  padding: 100px 0;
  background: #f5f5f5;
}

.sinfo .tit {
  display: block;
  width: 100%;
  text-align: center;
  margin: 0 auto;
}

.sinfo ul {
  display: flex;
  justify-content: center;
  margin-top: 120px;
}

.sinfo ul li {
  text-align: center;
  padding: 0 90px;
}

.sinfo ul li p {
  font-weight: bold;
  font-size: 25px;
  padding: 10px 0;
}

.sinfo ul li span {
  font-weight: normal;
  font-size: 25px;
}

.tvtit .what {
  display: block;
  width: 99px;
  height: 35px;
  margin: 120px auto 0;
  background: url(../img/what.png) no-repeat;
}

.eye1 .what {
  filter: opacity(0.5) drop-shadow(0 0 0 #e67e92);
}

.tvtit p.tit {
  display: block;
  position: relative;
  width: 269px;
  height: 53px;
  margin: 40px auto 50px;
  background: url(../img/asbtvtit.png) no-repeat;
}

.tvtit p.tit::after {
  content: '';
  position: absolute;
  width: 280px;
  height: 16px;
  left: -6px;
  bottom: -2px;
  background: red;
  z-index: -1;
}

.tvtit>span.subtxt {
  display: block;
  width: 100%;
  margin: 0 auto 60px;
  padding-bottom: 60px;
  font-size: 25px;
  text-align: center;
  font-weight: 400;
}

.checkicon_wrap {
  position: relative;
}

.checkbox {
  position: absolute;
  display: block;
  background: url(../img/check1.png) no-repeat;
  width: 33px;
  height: 33px;
}

.checkicon {
  position: absolute;
  display: block;
  background: url(../img/check2.png) no-repeat;
  width: 40px;
  height: 30px;
  filter: opacity(0.5) drop-shadow(0 0 0 orange);
}

.what_wrap {
  padding: 130px 0;
  background: #f5f5f5;
}

.what_wrap .tit {
  position: relative;
  margin: 0 auto 70px;
  display: block;
  text-align: center;
}

.what_wrap .tit::after {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 60px;
  background: #ccc;
  transform: translate(-50%, -50%);
  left: 50%;
  bottom: -130px;
}

.what_wrap .wbox {
  display: block;
  width: 1400px;
  background: #fff;
  text-align: center;
  padding: 70px 0;
  margin: 0 auto;
  font-size: 20px;
  line-height: 30px;
}

.what_wrap .wbox p {
  font-size: 25px;
  font-weight: normal;
}

.what_wrap .wbox p b {
  font-size: 25px;
  font-weight: bold;
}

.what_wrap .wbox p b span {
  font-size: 30px;
  font-weight: bold;
}

.stap_wrap li {
  background: #f5f5f5;
  padding: 60px 0;
}

.stap_wrap li:nth-child(2) {
  background: #fff;
}

.stap_wrap li>.wrap {
  display: flex;
  margin: 0 auto;
  width: 900px;
}

.stap_wrap li>.wrap:after {
  content: ' ';
  display: block;
  clear: both;
}

.stap_wrap li>.wrap .left {
  margin-right: 55px;
}

.stap_wrap li .num {
  margin-top: 70px;
  display: block;
  width: 52px;
  height: 32px;
  background: url(../img/stit1.png);
  filter: opacity(0.5) drop-shadow(0 0 0 #000);
}

.stap_wrap li:nth-child(2) .num {
  text-align: right;
  float: right;
  width: 100%;
  margin-bottom: 20px;
  background: url(../img/stit2.png) no-repeat 100%;
}

.stap_wrap li:nth-child(3) .num {
  background: url(../img/stit3.png);
}

.stap_wrap li .txt {
  padding-top: 20px;
  /* font-weight: 100; */
  color: #646464;
  font-size: 20px;
  line-height: 30px;
  display: block;
}

.stap_wrap li:nth-child(2)>.wrap {
  justify-content: flex-end;
}

.stap_wrap li:nth-child(2) .left {
  margin: 0 0 0 55px;
}

.stap_wrap li:nth-child(2) .txt {
  width: 100%;
}

.stap_wrap li:nth-child(2) .txt {
  text-align: right;
}

/* .stap_wrap2>img {
  display: block;
  margin: 137px auto 100px;
}

.stap_wrap2 .stapbox {
  width: 100%;
  margin-bottom: 100px;
}

.stap_wrap2 .stapbox p {
  text-align: center;
  font-size: 25px;
  line-height: 40px;
}

.stap_wrap2 .stapbox p span.num {
  display: inline-block;
  width: 52px;
  height: 32px;
  background: url(../img/stit1.png) no-repeat;
  filter: opacity(0.5) drop-shadow(0 0 0 red);
  vertical-align: -2px;
  zoom: .7;
} */

.stap_wrap>img {
  display: block;
  margin: 137px auto 100px;
}

.stap_wrap .stapbox {
  width: 100%;
  margin-bottom: 100px;
}

.stap_wrap .stapbox p {
  text-align: center;
  font-size: 25px;
  line-height: 40px;
}

.stap_wrap .stapbox p span.num {
  display: inline-block;
  width: 52px;
  height: 32px;
  background: url(../img/stit1.png) no-repeat;
  filter: opacity(0.5) drop-shadow(0 0 0 red);
  vertical-align: -2px;
  zoom: .7;
}



 .stapbox.purple p span.num {
   filter: opacity(0.5) drop-shadow(0 0 0 #2d009f);
 }
  .stapbox.blue p span.num {
    filter: opacity(0.5) drop-shadow(0 0 0 #0040d2);
  }

    .stapbox.brown p span.num {
      filter: opacity(0.5) drop-shadow(0 0 0 #a25300);
    }

  
/* 
.stap_wrap2 .stapbox p:nth-child(2) span.num {
  background: url(../img/stit2.png) no-repeat;
}

.stap_wrap2 .stapbox p:nth-child(3) span.num {
  background: url(../img/stit3.png) no-repeat;
}

.stap_wrap2 .stapbox p:nth-child(4) span.num {
  background: url(../img/stit4.png) no-repeat;
}

.stap_wrap2 .stapbox p:nth-child(5) span.num {
  background: url(../img/stit5.png) no-repeat;
} */

.stap_wrap .stapbox p:nth-child(2) span.num {
  background: url(../img/stit2.png) no-repeat;
}

.stap_wrap .stapbox p:nth-child(3) span.num {
  background: url(../img/stit3.png) no-repeat;
}

.stap_wrap .stapbox p:nth-child(4) span.num {
  background: url(../img/stit4.png) no-repeat;
}

.stap_wrap .stapbox p:nth-child(5) span.num {
  background: url(../img/stit5.png) no-repeat;
}

.modelimg {
  position: relative;
  margin-bottom: 160px;
}

.stap_wrap3 .modelimg {

}

/* 타이틀이미지 가운데정렬 */
.modelimg img,
.eyetip img,
.subfootermap img,
.tvtit img {
  display: block;
  margin: 0 auto;
}

.tvtit img {
  margin: 100px auto;
}

.modelimg ul {
  position: absolute;
  right: 350px;
  top: 260px;
}

.modelimg ul li {
  text-align: left;
  height: 63px;
  padding: 0;
  background: none;
  font-size: 25px;
}

.care {
  background: #f5f5f5;
  padding-bottom: 330px;
}

.care .sub {
  width: 890px;
}

.care img,
.care .sub {
  display: block;
  margin: 0 auto;
}

.care>img {
  padding-top: 173px;
  margin: 0 auto 100px;
}

.care .sub ul {
  display: flex;
}

.care .sub ul li {
  width: 50%;
  margin-top: 40px;
  text-align: center;
  font-size: 25px;
}

.care .sub ul li p {
  font-weight: bold;
  font-size: 25px;
}

.josub {
  position: relative;
  width: 1920px;
  height: 1171px;
  background: url(../img/joinfocare.jpg);
  margin: 0 auto;
}

.leesub {
  position: relative;
  margin: 0 auto;
}

.josub div.txt1,
.leesub div.txt1 {
  position: absolute;
  color: #fff;
  font-size: 26px;
  font-weight: normal;
  text-align: center;
  line-height: 37px;
  left: 399px;
  bottom: 140px;
}

.josub div.txt1 b,
.leesub div.txt1 b {
  font-weight: bold;
}

.josub ul,
.leesub ul {
  position: absolute;
  color: #fff;
  text-align: left;
  top: 381px;
  right: 520px;
}

.leesub ul {
  left: 960px;
}

.josub ul li,
.leesub ul li {
  font-size: 24px;
  font-weight: 100;
  line-height: 43px;
}

.leesub {
  width: 1920px;
  height: 1171px;
  background: url(../img/leeinfocare.jpg);
}


.eyetip.type1 {
  background: #fbecef;
  padding: 150px 0;
}

.eyetip.type2 {
  background: #f4f4fa;
  padding: 150px 0;
}
.eyetip.type3 ,
.eyetip.type4,
.eyetip.type5 {
  background: #f4f4fa;
  padding: 150px 0;
}

.eyetip>img {
  margin-bottom: 100px;
}

.eyetip ul {
  width: 1400px;
  margin: 0 auto;
}

.eyetip ul li {
  display: flex;
  background: #fff;
  padding: 0px 300px 0 420px;
  margin-bottom: 25px;
  box-sizing: border-box;
  border-radius: 20px;
  line-height: initial;
  position: relative;
}

.eyetip ul li .num {
  font-family: 'Nanum Myeongjo', serif;
  line-height: initial;
  font-size: 100px;
  font-weight: 100;
  margin-right: 30px;
  vertical-align: -1px;
  position: absolute;
  left: 24%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.eyetip.type1 ul li .num {
  color: #e98fa1;
}

.eyetip.type1 ul li .tit,
.eyetip.type2 ul li .tit ,
.eyetip.type3 ul li .tit ,
.eyetip.type4 ul li .tit,
.eyetip.type5 ul li .tit {
  font-weight: bold;
  color: #e98fa1;
  font-size: 20px;
  margin-bottom: 5px;
}

.eyetip.type2 ul li .num,
.eyetip.type2 ul li .tit {
  color: #b3b7db;
}

.eyetip.type3 ul li .num,
.eyetip.type3 ul li .tit {
  color: #552c83;
}
.eyetip.type4 ul li .num,
.eyetip.type4 ul li .tit {
  color: #ff5a59;
}
.eyetip.type5 ul li .num,
.eyetip.type5 ul li .tit {
  color: #2455c4;
}


.eyetip ul li .txt {
  padding: 30px 0;
}

.eyetip ul li span {
  font-size: 20px;
  line-height: 30px;
}

.subfootermap>img {
  margin-top: 160px;
}

.subfootermap .mapaddress {
  margin: 60px auto 140px;
  text-align: center;
  font-size: 25px;
}

.subfootermap>ul {
  display: flex;
}

.subfootermap ul li .tit,
.subfootermap ul li .txt {
  position: relative;
  font-weight: bold;
  font-size: 25px;
}

.subfootermap ul li>div {
  display: flex;
}

.subfootermap ul li .sub .txt>li {
  display: block;
  font-weight: 100;
}

.subfootermap ul li>div:first-child {
  padding-bottom: 100px;
}

.subfootermap ul li:last-child {
  margin-left: 80px;
  margin-top: 70px;
}

.subfootermap ul li:last-child .txt {
  width: 310px;
  position: relative;
  margin-left: 80px;
}

.subfootermap ul li:last-child div:first-child .tit:after {
  position: absolute;
  content: 'CONSULTATION';
  display: block;
  color: #676767;
  font-size: 15px;
  right: 0;
  bottom: -38px;
}

.subfootermap ul li:last-child div.sub .tit span {
  position: absolute;
  display: block;
  color: #676767;
  font-size: 15px;
  right: 0;
  top: 37px;
}

.subfootermap ul li:last-child div:first-child .txt span {
  width: 270px;
  position: absolute;
  font-size: 15px;
  color: #676767;
  font-weight: normal;
  left: 0;
  bottom: -37px;
}

.subfootermap ul li:last-child .txt::after {
  content: '';
  position: absolute;
  display: inline-block;
  width: 3px;
  height: 33px;
  background: #ababab;
  left: -42px;
  top: -3px;
}

.subfootermap ul li:last-child .sub .txt::after {
  height: 125px;
}

.subfootermap ul li .sub .txt li {
  padding: 0;
  font-size: 20px;
  margin: 0 0 20px 0;
  font-weight: normal;
}

.subfootermap ul li .sub .txt li span {
  float: right;
}

.subfootermap ul li .sub .txt li span::before {
  display: inline-block;
  content: '';
  width: 17px;
  height: 21px;
  background: url(../img/subfooter_icon.jpg) no-repeat;
  vertical-align: middle;
  margin-right: 10px;
}

.modelimg.type1 {
  margin: 0 auto;
  height: 742px;
  width: 880px;
}

.modelimg.type1 ul li {
  width: 880px;
  height: 95px;
  text-align: center;
  line-height: 95px;
  background-color: #fef4ea;
  margin-bottom: 30px;
  box-shadow: 3px 3px 5px lightgrey;
}

.modelimg.type1.purple ul li {
  background-color: #d9d1ff;
}
.modelimg.type1.pink ul li {
  background-color: #ffded8;
}

.modelimg.type1 ul {
  position: relative;
  top: 0;
  right: 0;
}

.modelimg.type1 span.num {
  float: none;
  display: inline-block;
  width: 52px;
  height: 32px;
  background: url(../img/nosenum_01.png) no-repeat;
  filter: opacity(0.5) drop-shadow(0 0 0 #723a00);
  vertical-align: -2px;
  zoom: .7;
  margin: 0 10px 0 0;
}

.modelimg.type1 li:nth-child(2) span.num {
  background: url(../img/nosenum_02.png) no-repeat;
}

.modelimg.type1 li:nth-child(3) span.num {
  background: url(../img/nosenum_03.png) no-repeat;
}

.modelimg.type1 li:nth-child(4) span.num {
  background: url(../img/nosenum_04.png) no-repeat;
}

.modelimg.type1.purple li:nth-child(1) span.num {
  background: url(../img/facenum_01.png) no-repeat;
}
.modelimg.type1.purple li:nth-child(2) span.num {
  background: url(../img/facenum_02.png) no-repeat;
}
.modelimg.type1.purple li:nth-child(3) span.num {
  background: url(../img/facenum_03.png) no-repeat;
}
.modelimg.type1.purple li:nth-child(4) span.num {
  background: url(../img/facenum_04.png) no-repeat;
}



.modelimg.type1.pink li:nth-child(1) span.num {
  background: url(../img/liftingnum_01.png) no-repeat;
}
.modelimg.type1.pink li:nth-child(2) span.num {
  background: url(../img/liftingnum_02.png) no-repeat;
}
.modelimg.type1.pink li:nth-child(3) span.num {
  background: url(../img/liftingnum_03.png) no-repeat;
}
.modelimg.type1.pink li:nth-child(4) span.num {
  background: url(../img/liftingnum_04.png) no-repeat;
}


/* 서브페이지 끝 */


/* 모델 */
.model_wrap {
  background: #f2f2f2;
  padding-bottom: 200px;
}

.model_wrap .tit_img {
  width: 1920px;
  margin: 0 auto;
}

.model_wrap .form {
  width: 1420px;
  margin: 0 auto;
  padding: 95px;
  background: #fff;
}

.model_wrap .form .box>.tit {
  font-weight: bold;
  font-size: 25px;
  border-bottom: 1px solid #bebebe;
  margin-bottom: 50px;
  padding-bottom: 25px;
}

.model_wrap .form .box {
  margin-bottom: 100px;
}

.model_wrap .form .box>.tit img {
  margin-right: 15px;
  vertical-align: bottom;
}

.model_wrap .form .box>ul {
  display: block;
  width: 100%;
  padding: 0 2%;
}

.model_wrap .form .box>ul:after {
  content: ' ';
  display: block;
  clear: both;
}


.model_wrap .form .box>ul li {
  display: inline-block;
  width: 47%;
  float: left;
  border: 0;
  height: 70px;
}

.model_wrap .form .box>ul li span {
  text-align: left;
  width: 100px;
  display: inline-block;
  font-weight: bold;
  color: #000;
  font-size: 18px;
  vertical-align: middle;
}

.model_wrap .form .box>ul li input[type="text"] {
  border: 0;
  background: #f9f9f9;
  width: 450px;
  height: 40px;
  line-height: 40px;
  box-sizing: border-box;
  padding: 0 10px;
}

.model_wrap .form .box>ul li>label {
  display: inline-block;
  width: 135px;
}

.model_wrap .form .box>ul li:nth-child(odd) {
  margin-right: 70px;
}

.model_wrap .checkbox {
  display: inline-block;
  overflow: hidden;
  position: relative;
  font-size: 16px;
  line-height: 22px;
  background: none;
}

.checkbox * {
  vertical-align: middle;
}

.checkbox input {
  position: absolute;
  top: -100px;
  left: 0;
}

.checkbox label {
  display: inline-block;
  position: relative;
  padding-left: 30px;
}

.checkbox label em {
  color: #999999;
}

.checkbox label:before {
  position: absolute;
  top: 0px;
  left: 0;
  width: 22px;
  height: 22px;
  border: 1px solid #cbcbcb;
  background: url('../img/ico_checkbox.png') no-repeat 0 0 #fff;
  background-size: auto 20px;
  content: '';
}

.checkbox input:checked+label:before {
  background-position: right center;
}

.model_wrap .checkbox {
  width: 127px;
  vertical-align: middle;
}

.checkbox+.checkbox {
  margin-left: 20px;
}

.model_wrap .checkbox label,
.model_wrap .checkbox input[type="radio"]:checked+label {
  font-size: 18px;
  color: #555555;
  display: inline-block;
  position: relative;
  padding-left: 30px;
  color: #000;
  font-weight: bold;
}

.model_wrap .checkbox label:before {
  position: absolute;
  top: 1px;
  left: 0;
  width: 22px;
  height: 22px;
  border: 1px solid #cbcbcb;
  background: url('../img/ico_checkbox.png') no-repeat 0 0 #fff;
  background-size: auto 20px;
  content: '';
}

.model_wrap .checkbox input:checked+label:before {
  background-position: right center;
}

.model_wrap input[type="checkbox"]+label:after {
  display: none;
}

.model_wrap .form>button {
  display: block;
  width: 391px;
  height: 95px;
  margin: 200px auto 0;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 3px 4px 6px lightgrey;
}

.model_wrap .form .box>ul .radio .tit {
  width: 270px;
}

.model_wrap .form .box>ul .bodysize div {
  display: inline-block;
}

.model_wrap .form .box>ul .bodysize div:first-child {
  margin-right: 44px;
}

.model_wrap .form .box>ul .bodysize div input {
  width: 150px;
}

.model_wrap .form .box>ul li:last-child div {
  margin-bottom: 30px;
}

.model_wrap .box.box2 ul li,
.model_wrap .box.box2 ul li.radio {
  width: 100%;
}

.model_wrap .box.box2 ul li.radio.textarea {
  height: 143px;
}

.model_wrap .box.box2 ul li textarea {
  display: inline-block;
  float: right;
  width: 900px;
  height: 85px;
  background: #f9f9f9;
  border: 0;
  box-sizing: border-box;
  padding: 5px;
}

.model_wrap .box.box2 ul.ul3 li[class="radio"] .tit {
  width: 417px;
}

.model_wrap .box.box3 .subtxt {
  font-size: 18px;
  color: #c4c4c4;
  padding-bottom: 60px;
}

.model_wrap .box.box3 textarea {
  width: 100%;
  height: 180px;
  background: #f9f9f9;
  border: 0;
  box-sizing: border-box;
  padding: 5px;
}


.model_wrap .box.box3 .precautions {
  height: 50px;
  padding: 0px 20px;
  color: #fff;
  font-weight: bold;
  background: #92b1ff;
  box-sizing: border-box;
  line-height: 45px;
  vertical-align: middle;
  font-size: 20px;
}

.model_wrap .box.box3 .precautions img {
  margin-right: 10px;
}

.model_wrap .box.box3 ul.subtxt {
  padding-bottom: 80px;
  margin-top: 40px;
}

.model_wrap .box.box3 ul.subtxt li {
  display: inline-block;
  width: 47%;
  color: #000;
  height: 40px;
  font-weight: bold;
  font-size: 16px;
}

.model_wrap .box.box3>img {
  display: block;
  width: 100%;
  margin: 0 auto;
}

.model_wrap .box.box3 ul.file {
  margin-top: 70px;
  margin-bottom: 200px;
}

.model_wrap .box.box3 ul.file li {
  width: 100%;
  height: 115px;
  border-bottom: 1px solid #ededed;
  line-height: 115px;

}

.model_wrap .box.box3 ul.file li input[type="file"] {
  display: inline-block;
  margin-left: 74px;
}

.model_okbox {
  margin-bottom: 200px;
}

.model_okbox .tit,
.imgok_box .tit {
  font-weight: bold;
  font-size: 25px;
}

.model_okbox>div {
    width: 100%;
    height: 178px;
    margin: 20px 0;
    background: #f9f9f9;
    overflow-y: scroll;
    padding: 20px;
}

.model_okbox .checkbox {
  width: 100%;
  display: block;
  text-align: right;
  float: right;
}

.imgok_box .wrap {
  display: inline-block;
  width: 240px;
  float: right;
  margin: 0;
}

.imgok_box .wrap p:first-child {
  margin-right: 40px;
}

.imgok_box .wrap p {
  width: 80px;
}

/* 모델 끝 */