@charset "euc-kr";

/* ȸ¿ø°¡ÀÔ */
.step_type-A{width: 680px;height: auto;margin: 0 auto 0px;clear: both;overflow: hidden;background-position: 50px top !important;}
.step_type-B{width: 1000px;height: 130px;margin: -30px auto 60px;clear: both;}
.step_bg-01{background: url("/resource/assets/member/images/join/step01.png") center center no-repeat;}
.step_bg-02{background: url("/resource/assets/member/images/join/step02.png") center center no-repeat;}
.step_bg-03{background: url("/resource/assets/member/images/join/step03.png") center center no-repeat;}
.step_bg-04{background: url("/resource/assets/member/images/join/step04.png") center center no-repeat;}
.step {padding:0;}
.type-A_in{margin: auto !important;width: 864px !important;}
.type-A_in li{width: 165px !important;margin:90px 0 30px 0 !important;}
.type-A_in li+li{margin-left: 112px !important;}
.step li {float:left;display:block;width: 160px;margin: 115px 0 0 6px;text-align:center;font-size:15px;line-height: 19px;font-weight: normal;color: #a7a7a7;}
.step li+li{margin-left: 118px;}
.step li span{margin:0 4px 0 0;font-size:15px;color:#919191;font-weight: normal;width: 100%;position: relative;display: block;}
.step li.on {color: #404040;}
.step li.on span{color: #404040;}

/*
.step {width:100%; height:76px; padding:0; margin:0; }
.step li {float:left; display:block; width:182px; padding:0; text-indent:14px; font-size:14px; line-height:49px; color:#fff; font-weight:bold; background:url("/resource/assets/member/images/join/bg_step.png") no-repeat 0 0}
.step li span{margin:0 0 0 0;  }
.step li.on {background:url("/resource/assets/member/images/join/bg_step_on.png") no-repeat 0 0}
.step li.last {width:152px}
*/
.toggle{cursor: pointer;position: relative;top: -10px;}

.box_clause_top {padding:0;background: #f5f5f5;clear: both;font-size: 15px;}
.line_top{border: 18px solid #f5f5f5;border-bottom: 0px;}
.line_in{border: 1px solid #e3e3e3;padding: 15px;text-indent: 20px;font-size: 16px;font-weight: 500;}
.line{border: 18px solid #f5f5f5;}
.box_clause {padding: 10px;font-size: 15px;border: 1px solid #e3e3e3;background: #fff;}
.box_clause_con {padding:0;}
.box_clause_con:after {display:block; clear:both; content:"";}
.box_clause .tit_clause {overflow:hidden;position:relative;display:block;padding:0 0 0 10px;height:50px;font-size: 16px;font-weight: 500;line-height:54px;color:#575757;border-bottom:1px solid #e8e8e8;}
.box_clause .tit_clause a {display:inline-block; margin:0 0 0 48px; vertical-align:middle;}
.box_clause .tit_clause input {vertical-align:-1px !important}
.last{border:none !important;}
.box_out {display:none; padding:0; background:#f4f4f4}
.box_out2 {height:63px; padding:31px 0 0 0; text-align:center; border:1px solid #ececec; }
.box_out3 {height:130px; padding:31px 0 0 0; text-align:center; border:1px solid #ececec; background-color:#fafafa;}
.box_in {overflow:auto; overflow-x:hidden; width:100%; height:205px; padding:0 0 0 0; background:#f4f4f4 }
.agree_check {display:block; margin:0;  font-size:14px; color:#575757; text-align:right;  position: absolute;  right: 30px; top: 0;}
.agree_check2 {display:block; margin:14px 0 0; font-size:14px; color:#4e4e4e; text-align:right;}
.box_clause_con .agree_check input, .agree_check2 input {vertical-align:middle;}
.graybox{margin-top:19px; padding:0 0 49px; background-color:#fbfbfb; border:1px solid #efefef;}

.box_out4{text-align:center;padding:35px 0 25px;}
.box_out4 .step02_ul2{font-size:13px;display:inline-block;width:auto;text-align:left;}


.box_out2 a {margin:0 48px;}
.step02_ul {overflow:hidden;}
.step02_ul li {display:block; padding:0 0 0 12px; margin:0 0 10px; line-height:19px;  color:#747474; background:url("/resource/assets/member/images/join/bull01.gif") no-repeat 0 5px;}
.step02_ul li em {color:#010101}
.step02_ul2 {overflow:hidden;}
.step02_ul2 li {display:block; padding:0 0 0 12px; margin:0 0 10px; line-height:19px;  color:#747474; background:url("/resource/assets/member/images/join/bull01.gif") no-repeat 0 5px;}
.step02_ul2 li em {color:#010101}
.step02_ul2 li em.font_bold {color:#fb7d01;font-weight:bold;}
.step02_ul02 li {padding:0 0 0 5px; margin:0; background:none;}
.step02_pl {display: block;padding:0 0 0 12px;margin: 17px 0 0 10px;line-height: 40px;color:#010101;background: url("/resource/assets/member/images/join/bull01.gif") no-repeat left center;font-size: 15px;}
.step02_pl a {overflow:hidden;vertical-align:middle;display:inline-block;text-align:center;font-weight:bold;line-height:22px;color: #222;background: #e7e0d3;padding: 6px;border-radius: 5px;}
.chek_double {vertical-align:middle;overflow:hidden; display:inline-block; width:72px; height:26px; text-align:center; line-height:24px; color:#fff; background:url("/resource/assets/member/images/join/bt_double.gif") no-repeat 0 0;}
.chek_double:hover,.chek_double:focus  {color:#fff; background:url("/resource/assets/member/images/join/bt_double_on.gif") no-repeat 0 0;}
.bt_post {vertical-align:middle;overflow:hidden; display:inline-block; width:98px; height:26px; text-align:center; font-size:11px; line-height:24px; color:#4c4c4c; background:url("/resource/assets/member/images/join/bt_auth_num.gif") no-repeat 0 0;}

.bt_photo {vertical-align:middle;overflow:hidden; display:inline-block; width:248px; height:26px; text-align:center; font-size:11px; line-height:24px; color:#4c4c4c; background:url("/resource/assets/member/images/join/bt_photo_choice.gif") no-repeat 0 0;}
.bt_photo:hover,.bt_photo:focus  {color:#109a1d; background:url("/resource/assets/member/images/join/bt_photo_choice_on.gif") no-repeat 0 0;}
.bt_state {vertical-align:middle;overflow:hidden; display:inline-block; width:68px; height:26px; text-align:center; font-size:11px; line-height:24px; color:#4c4c4c; background:url("/resource/assets/member/images/join/bt_state_num.gif") no-repeat 0 0;}
.bt_state:hover,.bt_state:focus  {color:#109a1d; background:url("/resource/assets/member/images/join/bt_state_num_on.gif") no-repeat 0 0;}

table.board_write01 select#addr11,
table.board_write01 select#addr12{min-width:110px;appearance:auto;}

/*üũ¹Ú½º ½ºÅ¸ÀÏ*/
/*¶óµð¿À¹öÆ°*/
@keyframes click-wave {
    0% {
      height: 40px;
      width: 40px;
      opacity: 0.35;
      position: relative;
    }
    100% {
      height: 200px;
      width: 200px;
      margin-left: -80px;
      margin-top: -80px;
      opacity: 0;
    }
  }
  
  .option-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 8rem;
    width: 8rem;
    transition: all 0.15s ease-out 0s;
    background: url('/resource/assets/member/images/join/chk_d.png') center center no-repeat;
    border: none;
    color: #d7d7d7;
    cursor: pointer;
    display: inline-block;
    margin-right: 0.5rem;
    outline: none;
    position: relative;
    z-index: 1000;
  }
  .option-input:hover {
    background: url('/resource/assets/member/images/join/chk_h.png') center center no-repeat;
  }
  .option-input:checked {
    color: #7ca710;
  }
  .option-input:checked::before {
    height: 32px;
    width: 33px;
    position: absolute;
    content: ' ';
    display: inline-block;
    font-size: 6rem;
    text-align: center;
    line-height: 9rem;
    background: url('/resource/assets/member/images/join/chk_s.png') center center no-repeat;
    background-size: auto;
    color: #fff !important;
  }
  .option-input:checked::after {
    -webkit-animation: click-wave 0.65s;
    -moz-animation: click-wave 0.65s;
    animation: click-wave 0.65s;
    background: #fff;
    content: '';
    display: block;
    position: relative;
    z-index: 100;
    color: #7ca710;
  }
  .option-input.chkbox {
    border-radius: 50%;
  }
  .option-input.chkbox::after {
    border-radius: 50%;
  }
  
  /* 210219 °í°´¼¾ÅÍ ¼öÁ¤ */
.join_age_info{ padding:25px 15px; font-size:16px; font-weight:500; border:1px solid #e3e3e3; border-bottom:none; text-indent:20px; }
.cla_tit.line_in.step_1{ text-indent:0; position:relative; height:35px; padding-left:50px; }
.step_1 .toggle{ position:absolute;display:inline-block; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); padding-left:25px; }
.step_1 .toggle.option-input{ padding-left:0; left:30px; }

.box_clause .tit_clause a.clause_btn{ margin-left:15px; }

/*´Üü¿¹¾à */

.box_clause .cla_tit{padding: 10px 0 0 0;font-sizE:20px;line-height:27px;color: #000;font-weight: 500;padding-left: 10px;}
.box_clause_con { background:url("/resource/assets/member/images/join/line_dot.gif") repeat-x left bottom; }
.box_clause_con:after {display:block; clear:both; content:"";}
.box_clause h3.tit_clause, .box_clause h4 {display:block; height:50px; font-weight:600; font-size:17px; color:#7ca710; }
.td_ul04 {position:relative; overflow:hidden;}
.td_ul04 li {float:left; width:25%; text-align:center;color:#2e2e2e; font-size:15px;}
.td_ul04 li img{margin-bottom:10px;}
.td_ul04 li strong {display:block; color:#7ca710}
.td_ul04 li p{margin-top:17px; line-height:1.4em;}
.year_guide {overflow:hidden; position:relative; padding:0; margin:47px 0 0 0px ;}
.year_guide li {float:left; padding-left:9px; color:#2b2b2b; font-size:15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; line-height:30px; background:url("/resource/assets/common/images/bull04.png") no-repeat 0 12px}
.year_guide li:first-child{width:390px;}
.year_guide li:last-child{width:466px;}
.p_num {position:absolute; bottom:-1px; left:-1px; display:block; height:34px; width:100%; text-align:center; color:#635345; font-size:15px; line-height:34px; border:1px solid #e8e4db; background-color:#fdfbf8}

.btn01_0 {display:inline-block; width:183px; height:37px; font-weight:600;  text-align:center; color:#fff;	font-size:14px; line-height:37px; background:#4c4c4c}
.btn01_0:hover {background: #181818 }
.btn01_0:focus,.btn01_1:active, .btn01_1:visited {color:#fff;	}

.btn01_1 {display:inline-block; width:183px; height:36px; font-weight:600;  text-align:center; color:#fff;	font-size:14px; line-height:33px; background: url("/resource/assets/common/images/btn/btn01.png") no-repeat 0 0}
.btn01_1:hover {color:#fff;	background: url("/resource/assets/common/images/btn01_on.png") no-repeat 0 0}
.btn01_1:focus,.btn01_1:active, .btn01_1:visited {color:#fff;	}
.btn01_1 img {vertical-align:middle}
.btn01_2 {display:inline-block; width:183px; height:36px; font-weight:600;  text-align:center; color:#151515;	font-size:14px; line-height:33px; background: url("/resource/assets/common/images/btn/btn02.png") no-repeat 0 0}
.btn01_2:hover {color:#fff;	background: url("/resource/assets/common/images/btn02_on.png") no-repeat 0 0}
.btn01_2:focus,.btn01_1:active, .btn01_1:visited {color:#fff;	}
.btn01_2 img {vertical-align:middle}

/* board */
table.board_write01 {width:100%;border-collapse:collapse;border-spacing:0;	}
table.board_write01 tr:first-child th, table.board_write01 tr:first-child td{border-top:2px solid #6b6b6b}
table.board_write01 th {	padding:0 0 0 44px;border:1px solid #dbdbdb;color:#878787;	font-size:13px; line-height:38px; text-align:left;	font-weight:bold; background-color:#f5f5f5;}
table.board_write01 td {	padding:6px 0 6px 37px;border:1px solid #dbdbdb;color:#0e0e0e;	}
table.board_write01 td img,	table.board_write01 td input, table.board_write01 select {vertical-align:middle;}
table.board_write01 select {height:26px; color:#0e0e0e;	font-size:13px; border:1px solid #dbdbdb;}
table.board_write01 td input.inp {height:24px; padding:0 5px; color:#0e0e0e;	font-size:13px; line-height:24px;border:1px solid #dbdbdb; }
.selbox {height:26px; color:#0e0e0e;	font-size:13px; border:1px solid #dbdbdb;}
.chkbox {width: 33px;height: 32px;color:#0e0e0e;font-size:13px;}
.inp01 {height:24px; padding:0 5px; color:#0e0e0e;	font-size:13px; line-height:24px;border:1px solid #dbdbdb; }
.textarea01 {position:relative; height:50px; padding:0 5px; border:1px solid #dbdbdb;text-align:left;width:96%; }


/* ¾à°ü */
.clause_guide {width:100%; color:#747474;}
.clause_guide .title_jang {display:block; font-size:18px; line-height:45px; color:#070707;}
.clause_guide .title_jo {display:block; font-size:16px; line-height:28px;  color:#5b5b5b;}
.clause_guide .con_jo {margin:0 0 19px; line-height:18px;  color:#747474;}
.clause_guide .con_jo ul li {display:block; padding:0 0 0 14px; text-indent:-14px; line-height:18px;  color:#747474;}
.tbl_clause {width:100%;border-collapse:collapse;border-spacing:0;}
.tbl_clause th {line-height:1.5; font-weight:bold; color:#666; text-align:center; border:1px solid #cadfe8; background-color:#e7edf1; text-indent:0;}
.tbl_clause td {line-height:1.5;  color:#666; text-align:center;  border:1px solid #cadfe8; text-indent:0;}

/* ȸ¿øµî±Þ font */
.grade_font {color:#000000;font-size:12px;font-weight:bold;}
.bt_center2 a{margin-right:5px;}
.bt_com4{display:block;font-size:15px;background-color:#05928d;width: auto;height:37px;text-align:center;color:#fff;line-height:37px;padding: 0 15px;}
.bt_com4:hover{background-color:#1b1b1b;}
.bt_com {display:block;font-size:15px;background-color: #7ca710;width:168px;height:37px;text-align:center;color:#fff;line-height:37px;}
.bt_com:hover{background-color:#1b1b1b;}
.bt_cancel {display:block;font-size:15px; background-color:#8c8c8c; width:168px; height:37px; text-align:center; color:#fff; line-height:37px;}



.tab_list {overflow:hidden; width:100%; bordeR-bottom:2px solid #7ca710;}
.tab_list li{height:35px;	float:left; width:150px; }
.tab_list li a{display:block; font-size:16px; line-height:35px; color:#666565; text-align:center; background-color:#fff; 	}
.tab_list li.on a{	 color:#fff;  border-right:1px solid #dfdfdf; border-right:1px solid #dfdfdf; background:url("/resource/assets/common/images/more.png") no-repeat 155px center; }
.tab_list li.on{ background-color:#7ca710;   }
.top_ban{font-size:24px; line-height:25px;}
.top_ban span{font-weight:400;}

.lato{font-size:16px;}