@charset "utf-8";
.cf:after{content:''; display: block; clear: both;}
.p_10{padding: 10px;}

#nav{width:100%; height:40px; background:#3e3e3e;}
.p_loca{height:40px;}
.p_loca>li{float:left;width:50%; text-align:left;position:relative}
.p_loca>li>a{display:block;height:40px; line-height: 40px;color:#ffffff;font-size:15px;padding-left: 7px; background:url(/m/images/m_sub_icon.png) no-repeat right 10px center; background-size: auto 6px;}
.p_loca>li>a.over{line-height: 16px;}
.p_loca>li>a.nobg{background:0 !important}
.p_loca>li.mid{background: #3e3e3e;}
.p_loca>li.dep3{background: #666666;}
.p_loca > li > a.re_line_height {line-height: 18px;}
.p_loca>li.first{width:28px}
.p_loca>li.first a{padding:10px 0 10px 14px;background:url(/m/images/m_sub_icon.png) no-repeat left 11px; background-size: auto 31%}
.p_loca>li.last{padding-right:0;background:0}
.loca1_menu{display:none;position:absolute;left:0;top:40px;width:100%;z-index:10;}
.loca1_menu.menu_01,
.loca1_menu.menu_02{background: rgba(255,255,255,0.95); box-sizing: border-box;
 border-left: 1px solid #878787;
 border-right: 1px solid #878787;
 border-bottom: 1px solid #878787;
 }
.loca1_menu li{text-align:left;}
.loca1_menu li.last{border:0}
.loca1_menu li a{display: block; color:#3e3e3e; font-size:14px; padding:8px 0 8px 15px;font-weight: 600;}

.m_board{margin-bottom: 50px;}

.m_sub0104{margin: 0px 22px;}
.m_sub0104 .tabSet_01 .tabs{overflow: hidden; width: 100%; border: 1px solid #465261; box-sizing: border-box;}
.m_sub0104 .tabSet_01 .tabs li{float: left; width: 50%; text-align: center; height: 30px; line-height: 30px;}
.m_sub0104 .tabSet_01 .tabs li a{display: block; background: #ffffff; font-size: 12px; color: #465261;}
.m_sub0104 .tabSet_01 .tabs li a.on{background: #465261; color: #ffffff;}

.m_map .root_daum_roughmap {width: 100%;}

.sub0301_menu{background: #efefef;}
.sub0301_menu ul{text-align: center; font-size: 0; margin: 0 10px;}
.sub0301_menu ul li{display: inline-block;width: 33.33%;}
.sub0301_menu ul li a{margin: 0 3px; height: 40px; display: block; font-size: 12px; position: relative; background: #ffffff; font-weight: 400; color: #4f4f4f; letter-spacing: -0.11em;}
.sub0301_menu ul li a span{position: absolute; width: 100%; text-align: center; left: 0; top: 11px; line-height: 16px;}
.sub0301_menu ul li:nth-child(3) a span{position: absolute; width: 100%; text-align: center; left: 0; top: 5px;}
.sub0301_menu ul li a.on,
.sub0301_menu ul li a:hover{background: #20222f; color: #ffffff; transition: all 0.3s;}

/* 둘러보기 */
#wrap .inner{ padding: 0 5%;}
#wrap .view{width: 100%; margin: 0 auto;}
#wrap .view .slider-nav{margin-top: 50px;}
#wrap .view .slider-nav > div img{width: 90%;}
#wrap .view .slider-nav {padding-bottom: 50px; margin-top: 20px;}
#wrap .view .slick-prev{left: 0px; background: url(../images/arrow_left.png) no-repeat; z-index: 9999; width: 30px; height: 30px; background-size: 30px;}
#wrap .view .slick-next{right: 0px; background: url(../images/arrow_right.png) no-repeat; z-index: 9999; width: 30px; height: 30px; background-size: 30px;}
#wrap .view .slick-next::before,.view .slick-prev::before {content: "";}

/*진료시간,오시는길*/

.sub0103_con01{background: #f9fafb;padding: 0 10px;}
.sub0103_con01 .tabSet_01{width: 100%; margin: 0 auto;}
.sub0103_con01 .tabSet_01 .tabs{text-align: center; font-size: 0;}
.sub0103_con01 .tabSet_01 .tabs li{display: inline-block; margin: 0 12px 25px 12px;}
.sub0103_con01 .tabSet_01 .tabs li a{display: block; font-size: 14px; color: #20222f; width: 80px; height: 25px; background: #ffffff; border: 1px solid #e5e2de; line-height: 25px; border-radius: 50px; box-sizing: border-box;}
.sub0103_con01 .tabSet_01 .tabs li a.on{border: 1px solid #d5c2a0;}
.root_daum_roughmap.root_daum_roughmap_landing {width:95%;}

/* 공통 */
.sub_title{text-align: center; font-size:30px; color: #20222f; letter-spacing: -0.1em; padding-top: 25px;padding-bottom: 25px;font-weight: 600;}
.sub_title span{display: block; height: 9px; margin-bottom: 25px;}
.sub_title span img{height: 5px;}
.m_width{padding: 0 3%;}

/* 전후사진 */

.b_f_wrap01 {margin: 5px auto 0;padding: 0 15px;}

.con_01{width: 100%; margin: 25px auto;}
.category_wrap{display:block; clear:both; *zoom:1;}
.category_wrap:after{display:block; height:0; content:"."; font-size:0; visibility:hidden; clear:both;}
.category_wrap>.category01{overflow: hidden;margin-bottom: 10px;}
.category_wrap>.category01 li{float:left; width:14.2%; text-align: center;}

.category_wrap>.category01 .tit {display:block; font-size: 12px; font-weight: 600; letter-spacing: -0.1em; color: #4f4f4f; background: #ebebeb; margin: 0 2px; padding: 10px 0; line-height: 13px;}
.category_wrap>.category01 .on .tit {color: #ffffff; background: #525252;}

.category_wrap>.tab_cont {float:left;width:100%;clear:both;color:#fff}
.category_wrap>.tab_cont>.cont:first-child {border-top-left-radius:0}
.category_wrap .comm_refer {margin:5px 0 18px 15px}

.category02 {display:block; clear:both; *zoom:1; margin-top: 10px;}
.category02>.tab_menu {text-align: center; font-size: 0;border-left: 1px solid #f2f2f2;border-right: 1px solid #f2f2f2;border-bottom: 1px solid #f2f2f2;margin-bottom: 15px;}
.category02>.tab_menu>li {display: inline-block; width:50%;}
.category02>.tab_menu>li:nth-child(1){display:none;}
.category02>.tab_menu>li:last-child{width:100%;}
/*.category02>.tab_menu>li:nth-child(-n+5){margin-bottom: 5px;}*/
.category02>.tab_menu .tit {display: block;font-size: 14px;text-align: center;border-right: 1px solid #f2f2f2;color: #454545;border-top: 1px solid #f2f2f2;padding: 5px 0;}
.category02>.tab_menu .tit.re_letter {letter-spacing: -0.18em; padding: 3px 3px 0 0;}
.category02>.tab_menu .on .tit {color: #ffffff; background: #444444;}
.category02>.tab_cont .cont {margin-top: 20px;}


 .b_f_wrap01 .caution{text-align: center; font-size: 13px; color: #000; margin-bottom: 30px;}
 .b_f_wrap01 .b_f_slider_for{margin-bottom: 30px;}
 .b_f_wrap01 .b_f_slider_for .slick-prev,
 .b_f_wrap01 .b_f_slider_for .slick-next{z-index: 2; width: 25px; height: 25px; margin-top: -50px;}
 .b_f_wrap01 .b_f_slider_for .slick-prev{left: 10px; background: url(/images/b_f_left_arrow.png) no-repeat; background-size: 25px;}
 .b_f_wrap01 .b_f_slider_for .slick-next{right: 10px; background: url(/images/b_f_right_arrow.png) no-repeat; background-size: 25px;}
 .b_f_wrap01 .b_f_slider_for .slick-next::before,
 .b_f_wrap01 .b_f_slider_for .slick-prev::before {content: "";}



 .b_f_wrap01 .b_f_slider_for .before_after_wrap{position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: 50%;}
 .b_f_wrap01 .b_f_slider_for .before_after_wrap>div{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
 .b_f_wrap01 .b_f_slider_for .before_after_wrap>div.b_f_login{z-index: 3;}
 .b_f_wrap01 .b_f_slider_for .before_after_wrap>div.before_after{left: 0;width: 100%;}
 .b_f_wrap01 .b_f_slider_for .before_after_wrap>div.before_after span{position: absolute; left: 0; top: 0; z-index: 1; display: block;}
 .b_f_wrap01 .b_f_slider_for .before_after_wrap>div.before_after span.front{z-index: 2;}
 .b_f_wrap01 .b_f_slider_for .before_after_wrap>div.arrow{left: 50%; top: 50%; margin-left: -13px; margin-top: -13px; z-index: 3;}
 .b_f_wrap01 .b_f_slider_for .before_after_wrap>div.arrow img{height: 26px;}
 .b_f_wrap01 .b_f_slider_for .btn_wrap{text-align: center; font-size: 0; margin: 25px 0 15px 0;}
 .b_f_wrap01 .b_f_slider_for .btn_wrap li{display: inline-block; width: 55px; height: 28px; line-height: 28px; margin: 0 10px; background: #b0b0b0;}
 .b_f_wrap01 .b_f_slider_for .btn_wrap li a{display: block; font-size: 14px; color: #ffffff;}
 .b_f_wrap01 .b_f_slider_for .btn_wrap li a.on{background: #000000;}
 .b_f_wrap01 .b_f_slider_for p.title{font-size: 18px; color: #000000; text-align: center;margin: 25px 0 15px 0;}

 .b_f_wrap01 .b_f_slider_nav{margin-bottom: 15px; border-bottom: 1px solid #ececec;}
 .b_f_wrap01 .b_f_slider_nav .img{margin-bottom: 15px; cursor: pointer;width: 50% !important;}
 .b_f_wrap01 .b_f_slider_nav .before_after_wrap{position: relative; margin: 0 10px; height: 0; overflow: hidden; padding-bottom: 50%; border: 1px solid #ffffff;}
 .b_f_wrap01 .b_f_slider_nav .before_after_wrap>div{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
 .b_f_wrap01 .b_f_slider_nav .before_after_wrap>div.b_f_login{z-index: 3;}
 .b_f_wrap01 .b_f_slider_nav .before_after_wrap>div.b_f_login img{width: 100%;}
 .b_f_wrap01 .b_f_slider_nav .before_after_wrap>div.before_after{left: 0;}
 .b_f_wrap01 .b_f_slider_nav .before_after_wrap>div.before_after img{width: 100%;}
 .b_f_wrap01 .b_f_slider_nav p.nav_title{text-align: center; font-size: 12px; color: #000000;}
/*  .b_f_wrap01 .b_f_slider_nav .slick-current .before_after_wrap.on{border: 1px solid #ff9900;} */
 .b_f_wrap01 .prev_next_btn{text-align: center; font-size: 0;}
 .b_f_wrap01 .prev_next_btn li{display: inline-block;}
 .b_f_wrap01 .prev_next_btn li a{display: block;}
 .b_f_wrap01 .page{text-align: center; font-size: 0; margin-bottom: 50px;}
 .b_f_wrap01 .page li{display: inline-block; width: 16px; height: 16px; margin: 0 2px;}
 .b_f_wrap01 .page li.re_margin{margin: 0 5px 0 2px}
 .b_f_wrap01 .page li a{display: block; font-size: 10px; color: #2e2e2e; border: 1px solid #e1e1e1; line-height: 16px;}
 .b_f_wrap01 .page li a:hover,
 .b_f_wrap01 .page li a.on{border-color: #555555;}
 .b_f_wrap01 .page li.re_lmargin{margin: 0 2px 0 10px}





.con_01 .bx-wrapper{border:none; box-shadow: none; width: 90%; margin: 0 auto;}

.con_01 .inner{position: relative; margin: 0 auto; z-index: 7;}
.con_01 .inner .login_img{position: absolute; z-index: 9999; right: 0; top: 25px;}
.con_01 .bx-wrapper .bx-controls-direction a {height: 20px; margin-top: -10px; outline: 0 none; position: absolute; text-indent: -9999px; top: 50%; width: 10px; z-index: 9999;}
.con_01 .bx-wrapper .bx-prev{left: -15px;}
.con_01 .bx-wrapper .bx-next{right: -15px;}
.con_01 .bx-wrapper .bx-prev {background: rgba(0, 0, 0, 0) url(/images/b_f_left_arrow.png) no-repeat; background-size: 10px;}
.con_01 .bx-wrapper .bx-next {background: rgba(0, 0, 0, 0) url(/images/b_f_right_arrow.png) no-repeat; background-size: 10px;}



.con_01 .img_title{display: block; height: 25px; line-height: 25px; text-align: center; font-weight: bold; background: #383838;color: #ffffff; font-size: 15px;}


.textarea {
    font-size: 10px;
    height: 70px;
}

.p_b20 {padding-bottom:20px;}
.p_b50 {padding-bottom:50px;}

.sub1005 .container{
    display: flex;
flex-wrap: wrap;
width: 100%;
max-width:1200px;
margin-top: 4vh;
margin-bottom: 10vh;
margin-left: auto;
margin-right: auto;
justify-content: center;
}
.sub1005 .youtube{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.sub1005 .youtube .youtube-secondary{
    width: 33%;
    box-sizing: border-box;
    cursor: pointer;
    padding:2rem;
}
.sub1005 .youtube .youtube-img img{
    display: block;
    width: 100%;
}

@keyframes modal-video {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes modal-video-inner {
  from {
    transform: translate(0, 100px)
  }

  to {
    transform: translate(0, 0)
  }
}

.modal-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1000000;
  cursor: pointer;
  opacity: 1;
  animation-timing-function: ease-out;
  animation-duration:
    .3s;
  animation-name: modal-video;
  -webkit-transition: opacity .3s ease-out;
  -moz-transition: opacity .3s ease-out;
  -ms-transition: opacity .3s ease-out;
  -o-transition: opacity .3s ease-out;
  transition: opacity .3s ease-out
}

.modal-video-close {
  opacity: 0
}

.modal-video-close .modal-video-movie-wrap {
  -webkit-transform: translate(0, 100px);
  -moz-transform: translate(0, 100px);
  -ms-transform: translate(0, 100px);
  -o-transform: translate(0, 100px);
  transform: translate(0, 100px)
}

.modal-video-body {
  max-width: 940px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  display: table
}

.modal-shorts-body {
  max-width: 400px;
  width: 80%;
  height: 60%;
  margin: 50px auto;
  display: table
}

.modal-video-inner {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%
}

.modal-video-movie-wrap {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
  background-color: #333;
  animation-timing-function: ease-out;
  animation-duration: .3s;
  animation-name: modal-video-inner;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform .3s ease-out;
  -moz-transition: -moz-transform .3s ease-out;
  -ms-transition: -ms-transform .3s ease-out;
  -o-transition: -o-transform .3s ease-out;
  transition: transform .3s ease-out
}

.modal-video-movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.modal-video-close-btn {
  position: absolute;
  z-index: 2;
  top: -35px;
  right: -35px;
  display: inline-block;
  width: 35px;
  height: 35px;
  overflow: hidden;
  border: none;
  background: transparent
}

.modal-video-close-btn:before {
  transform: rotate(45deg)
}

.modal-video-close-btn:after {
  transform: rotate(-45deg)
}

.modal-video-close-btn:before,
.modal-video-close-btn:after {
  content: '';
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background: #fff;
  border-radius: 5px;
  margin-top: -6px
}

@media screen and (max-width: 960px) {
  .modal-video-close-btn {
    position: absolute;
    z-index: 2;
    top: -45px;
    right: 5px;
    display: inline-block;
    width: 40px;
    height: 40px;
    overflow: hidden;
    border: none;
    background: transparent
  }
}

/* 유튜브썸네일m시작 */
@media screen and (max-width: 640px) {
    .sub1005 .container{margin-top: 0;}
    .sub1005 .youtube{
    }
    .sub1005 .youtube .youtube-secondary {display:inline-block;vertical-align:top; width:48%; padding:2%; }
    .sub1005 .youtube-img {width: 100%;}  
    .sub1005 .yt1 {text-align: center; font-size: 14px; font-weight: 400;  word-spacing:-1px; color: #777;  overflow:hidden; height:39px; margin-bottom: 17px;}  
  }

/* 색소침착 (부위별색소침착)*/

/*(공통)*/
.sub0202_bf_wrap{background: #fff;}
.sub0202_bf_wrap a{position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: 50.5%; display: block;}
.sub0202_bf_wrap.sub0401_bf_wrap01 a{padding-bottom: 39%;}
.sub0202_bf_wrap a span{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.sub0202_bf_wrap a span.login_img{z-index: 2;}


.sub0202_tab{width: 100%;overflow: hidden;margin: 0 1% 5%;}
.sub0202_tab li{float:left;width: 32%;margin: 0 0 2% 0.5%;}
.sub0202_tab li a{display: block;height:60px;line-height:60px;color:#000;text-align:center;background-color:#d1bba1;border-radius: 50px;}

/*여드름전후사진*/
.sub0302_bf_wrap{background: #fff;}
.sub0302_bf_wrap a{position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: 57.5%; display: block;}
.sub0302_bf_wrap.sub0401_bf_wrap01 a{padding-bottom: 39%;}
.sub0302_bf_wrap a span{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.sub0302_bf_wrap a span.login_img{z-index: 2;}
.bgcolor_f6f2ee{background:#f6f2ee !important;}

/*(공통)*/
.sub0401_bf_wrap{background: #fff;}
.sub0401_bf_wrap a{position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: 50.5%; display: block;}
.sub0401_bf_wrap.sub0401_bf_wrap01 a{padding-bottom: 39%;}
.sub0401_bf_wrap a span{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.sub0401_bf_wrap a span.login_img{z-index: 2;}


/*(홍조)전후사진로그인*/
.sub0601_bf_wrap{background: #fff;}
.sub0601_bf_wrap a{position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: 65.5%; display: block;}
.sub0601_bf_wrap.sub0401_bf_wrap01 a{padding-bottom: 39%;}
.sub0601_bf_wrap a span{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.sub0601_bf_wrap a span.login_img{z-index: 2;}

/*일반진료*/

.sub0901_tab{width: 100%;overflow: hidden;margin: 3% 1% 5%;}
.sub0901_tab li{float:left;width: 48%;margin: 0 0 2% 0.5%;}
.sub0901_tab li a{display: block;height:60px;line-height:60px;color:#000;text-align:center;background-color:#d1bba1;border-radius: 50px;}


.reservation h3{text-align:right; margin:0 0 10px; font-size: 13px;}
.reservation .form_wrap_sub h4{font-size: 18px; color: #165393; font-weight: 500; margin-top: 15px;}
.reservation .form_wrap_sub {width:100%;}
.reservation .form_wrap_sub .form_input_wrap{border-top: 1px solid #aaaaaa;}
.reservation .form_wrap_sub dl{border-bottom: 1px solid #dddddd; position: relative}
.reservation .form_wrap_sub dl dt,
.reservation .form_wrap_sub dl dd{float: left;}
.reservation .form_wrap_sub dl dt{width: 20%; background: #f7f7f7; padding-left: 1%; text-align:left; font-size: 12px; font-weight: normal;height: 100%; position: absolute; height: 100%;}
.reservation .form_wrap_sub dl dd{padding:5px 0 5px 2%; width: 75%; padding-left: 25%;}
.reservation .form_wrap_sub dl dd.number_01 input{width: 60px;}
.reservation .form_wrap_sub dl dd.checkbox ul li{font-size: 13px; width: 100%;}
.reservation .form_wrap_sub dl dd.checkbox ul li span{padding-left: 25px; margin-top: -10px; display: block;}
.reservation .form_wrap_sub dl dd input {height:25px; border:1px solid #ddd; vertical-align: middle; font-size: 11px;}
.reservation .form_wrap_sub dl dd.title input {width: 95%;}
.reservation .form_wrap_sub dl dd select {margin-bottom:5px; border:1px solid #ddd; width: 60px; height: 30px;}
.reservation .form_wrap_sub dl dd.select span,
.reservation .form_wrap_sub dl dd.birth span,
.reservation .form_wrap_sub dl dd.spam span{font-size: 11px;}
.reservation .form_wrap_sub dl dd.spam span{display: block;}
.checkbox li {font-size: 12px; display: inline-block;}

.reservation_list ul li{overflow: hidden;}
.reservation_list ul li span{float: right;}

/* Mobile BBS List  --------------------------------------------------*/
.M_bbs_List { border-top:1px solid #333; }
.M_bbs_List_th { background:#fff; padding:12px 15px; text-align:left; color:#333;}
.M_bbs_List_th a { font-size:14px; color:#444; font-weight:normal; display:inline-block;overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; }
#M_SubBody .M_bbs_List_th img { max-height:11px; width:11px; }
.M_bbs_List_td { padding:12px 10px 12px 0; font-size:12px; color:#999;width:70px;}


/* Mobile BBS View  --------------------------------------------------*/
.M_bbs_View { border-top:1px solid #333; }
.M_bbs_View_th { padding:12px 10px; text-align:left; color:#333; border-bottom:1px solid #ddd; background:#f7f7f7; }
.M_bbs_View_td { padding:12px 10px;  border-bottom:1px solid #ddd;text-align:left;  font-weight:normal; font-size:12px; }
.M_bbs_View_td .date { font-size:12px; color:#999; font-weight:normal; }

.mNextPrev th { padding:12px 10px; text-align:left; color:#333; border-bottom:1px solid #ddd; background:#f7f7f7; font-size:12px; width:20%; }
.mNextPrev td { padding:12px 10px;  border-bottom:1px solid #ddd;text-align:left;  font-weight:normal; font-size:12px; }
#M_SubBody .mNextPrev td img { max-height:11px; width:11px; vertical-align:middle; }

#M_bbs_View_cont {padding:25px 15px; border-bottom:1px solid #ddd}
#M_bbs_View_cont #wiz_get_table_width { width:100%!important }

.mark span{display: block; font-size: 12px;}
.mark img{vertical-align: middle;}

.M_bbs_List_th > img {
    height: 10px;
    vertical-align: super;
}

.member_btn{width: 80%; margin: 0 auto;}
.member_btn dl{overflow: hidden; margin-top: 20px;}
.member_btn dt{float: left; width: 70%; font-size: 14px;}
.member_btn dd{float: left; width: 30%;}
.member_btn dd a{display: block; background: #efefef; height: 35px; line-height: 35px; text-align:  center; font-size: 14px; box-sizing: border-box; border: 1px solid #cccccc; color: #666666;}
.agree01 h2{font-size: 20px; margin-bottom: 5px; color: #555555;}
.agree01 .text{width: 98%; height: 200px; padding: 5px; border: 1px solid #dddddd; font-size: 13px; background: #f4f4f4; line-height: 23px;}
.agree01 .checkbox{text-align: right; margin-top: 5px; font-size: 13px; }
.agree01 .line{display: block; width: 100%; height: 1px; border: 1px dotted #dddddd; margin: 10px 0; }
.agree01 .agree_btn{margin-top: 15px;}
.agree01 .agree_btn ul{overflow: hidden;}
.agree01 .agree_btn ul li{float: left;width: 48%; margin: 1%;}
.agree01 .agree_btn ul li a{background: #dddddd; display: block; width: 100%; height: 35px; line-height: 35px; text-align: center;}
.agree01 .agree_btn ul li:nth-child(2) a{background: #601f88; color: #ffffff;}
.agree02 h2{font-size: 20px; margin-bottom: 5px; color: #555555;}
.agree02 input{border: 1px solid #dddddd; width: 40%; height: 25px; line-height: 25px; padding-left: 5px;}
.agree02 form>div{padding: 10px 0 10px 5px;}
.agree02 span{display: inline-block; width: 30%; font-size: 14px;}
.agree02 span.point{color: #ff0000; display: inline;}
.agree02 .line{display: block; width: 100%; height: 1px; border: 1px dotted #dddddd; margin: 10px 0 0 0; }
.agree02 .id a{display: inlin-block; font-size: 12px; padding: 6px 10px; background: #aaaaaa; margin-left: 10px; color: #ffffff;}
.agree02 .phone01 input{width: 15%;}
.agree02 .phone02 input{width: 15%; height: 13px; margin: 0 5px 0 10px;}
.agree02 .email02 input{width: 15%; height: 13px; margin: 0 5px 0 10px;}
.agree02 .agree_btn{margin-top: 15px;}
.agree02 .agree_btn ul{overflow: hidden;}
.agree02 .agree_btn ul li{float: left;width: 48%; margin: 1%;}
.agree02 .agree_btn ul li a{background: #dddddd; display: block; width: 100%; height: 35px; line-height: 35px; text-align: center;}
.agree02 .bg{background: #f8f8f8;}

.join_ok{background: #f4f4f4; padding: 50px;}
.join_ok>div{width: 200px; margin: 0 auto;}
.join_ok>div>img{width: 100%;}
.join_ok h3{font-size: 17px; text-align: center; margin-top: 10px;}
.join_ok .main_go a{display: block; width: 100px; height: 30px; line-height: 30px; text-align: center; margin: 0 auto; background: #333333; color: #ffffff; margin-top: 10px;}

.agree03{max-width: 280px;padding: 15px; margin: 0 auto; border: 1px solid #dddddd; text-align: center; font-size: 0;}
.agree03 h2{display: block; text-align: center; font-size: 20px; line-height: 27px; color: #333333;}
.agree03 h2 img{height: 30px; margin-bottom: 10px;}
.agree03 a{display: inline-block; padding: 10px 20px; background: #601f88; font-size: 18px; color: #ffffff; margin-top: 15px;}	
	
.m_login{border: 1px solid #ebebeb; border-radius: 30px; margin: 30px; padding: 20px 0;}
.m_login .loginbox{padding: 0 15px;}
.m_login .loginbox span{display: inline-block; width: 30%; font-size: 12px; text-align: left;}
.m_login .login_input{width: 60%; height: 30px; line-height: 30px; border: 1px solid #dddddd; margin-bottom: 5px;}
.m_login .btnB{ background: #601f88 none repeat scroll 0 0;color: #ffffff;display: block;font-size: 18px;font-weight: 600;height: 71px;width: 81px;}
.m_login .login_txt{font-size: 14px;}
::-webkit-input-placeholder {color: #e0e0e0; font-size: 15px;}
:-moz-placeholder {color: #e0e0e0; font-size: 15px; opacity: 1;}
::-moz-placeholder {color: #e0e0e0; font-size: 15px; opacity: 1;}
:-ms-input-placeholder {color: #e0e0e0; font-size: 15px;}

.board{margin: 10px 10px 50px 10px;}
.textarea_01 textarea {font-size: 13px; height: 300px; width: 100%;}

.m_sub_title h2{text-align: center; font-size: 25px; color: #35363d; font-weight: 600; letter-spacing: -3px;margin-top: 20px;}