@charset "UTF-8";

/********* common_layout *********/
html, body {height:100%;}
body {line-height: 1.3; color: #333; font-family: 'GmarketSans', 'sans-serif'; font-size: 15px; min-width: 280px;}
.hide {position: absolute; left: -9999px; overflow: hidden; width: 1px; height: 1px; line-height: 1px; font-size: 1px;}
.wrapper {position: relative; z-index: 1; min-height: 100%;}
#real_contents {width: 100%;}
.container {position: relative; max-width: 1400px; margin: 0 auto;}
* {word-break: keep-all; letter-spacing: -0.02em !important; font-family: 'GmarketSans';}

/* skip navi */
.skip_navi {position:absolute; z-index:999999; width:100%; left:0; top:0; text-align:center;}
.skip_navi a {display:block; position:absolute; left:0; top:-9999px; z-index:1; width:100%; height:40px; line-height:40px; background-color: #333; color:#fff; font-size:20px; font-weight:700;}
.skip_navi a:hover, .skip_navi a:focus {top:0;}

/* ========== 메인 레이어 팝업 ========== */
.pop_layer {position: absolute; z-index: 9999; top: 0; left: 0;}
.pop_layer .pop_box {width: 100%; height: 100%; background-color: #ffffff;}
.pop_layer .pop_box img {border: none;}
.pop_layer .pop_box p {font-weight: 400; font-size: 18px; line-height: 27px; color: #333333;}
.pop_layer .pop_btn_area {position: relative; overflow: hidden; padding: 8px 10px; background-color: #939393;}
.pop_layer .pop_btn_area .chk_each {vertical-align: middle;} 
.pop_layer .pop_btn_area .chk_each label {display: inline-block; position: relative; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 14px; line-height: 24px; color: #ffffff; z-index: 1; padding-left: 20px; cursor:pointer; vertical-align: middle;}
.pop_layer .pop_btn_area .chk_each .vchkbox {display: block; position: absolute; left: 0; top: 50%; z-index: 1; width: 15px; height: 15px; margin: -7px 0 0; border: 1px solid #cacaca; background-color: #fff;}
.pop_layer .pop_btn_area .chk_each .vchkbox > i {display: none; color: #0562a9; margin-top: 1px; margin-left: 1px; font-size: 12px; font-weight: 700; text-align: center;}
.pop_layer .pop_btn_area .close {position: absolute; top: 50%; right: 8px; margin: -11px 0 0;}
.pop_layer .pop_btn_area .chk_each input:checked + label .vchkbox > i {display: block;}
.pop_layer .pop_btn_area .chk_each input:focus + label .vchkbox {outline:1px dotted #000; outline:-webkit-focus-ring-color auto 5px;}
/* ========== 메인 레이어 팝업 ========== */

/* placeholder */
input::-webkit-input-placeholder {
  color: #919191;
}

input:-ms-input-placeholder {
  color: #919191;
}

input::placeholder {
  color: #919191;
}



/* select 기본 화살표 없애기 */
select {
    border-radius:0; /* 아이폰 사파리 보더 없애기 */
    -webkit-appearance:none; /* 화살표 없애기 for chrome*/
    -moz-appearance:none; /* 화살표 없애기 for firefox*/
    appearance:none /* 화살표 없애기 공통*/ 
}

select::-ms-expand{
    display:none /* 화살표 없애기 for IE10, 11*/
}


/* 로그인 from */
.login_cont_arae {}
.login_cont_arae .inner_box {border: 7px solid #e9ecef; padding: 83px 89px 100px; background-color: #ffffff; text-align: center;}
.login_cont_arae .inner_box .title_area {margin: 0 0 76px;}
.login_cont_arae .inner_box .title_area .title {margin: 0 0 14px; font-weight: 700; font-size: 30px; line-height: 45px; color: #232323;}
.login_cont_arae .inner_box .title_area .title .ft_c {color: #3c79d5;}
.login_cont_arae .inner_box .title_area .text {font-weight: 500; font-size: 20px; line-height: 30px; color: #8c8c8c;}
.login_cont_arae .inner_box .login_input_list_area {}
.login_cont_arae .inner_box .login_input_list_area .list {font-size: 0;}
.login_cont_arae .inner_box .login_input_list_area .list li {display: inline-block; width: calc(40% - 26px); margin: 0 39px 0 0; border-right: 1px solid #eeeeee; padding: 0 38px 0 0;}
.login_cont_arae .inner_box .login_input_list_area .list li:last-child {margin: 0; border: none; padding: 0;}
.login_cont_arae .inner_box .login_input_list_area .list li .box {}
.login_cont_arae .inner_box .login_input_list_area .list li .box .title {margin: 0 0 22px; font-weight: 700; font-size: 24px; line-height: 36px ; color: #1c3b81;}
.login_cont_arae .inner_box .login_input_list_area .list li .box .input_box {margin: 0 0 24px;}
.login_cont_arae .inner_box .login_input_list_area .list li .box .input_box .inp_txt {height: 55px; border: none; padding: 0 10px 0 53px; background-color: #f5f5f5; background-position: left 26px center; background-repeat: no-repeat; font-weight: 500; font-size: 16px; line-height: 55px; color: #333333; border-radius: 6px;}
.login_cont_arae .inner_box .login_input_list_area .list li .box .input_box .inp_txt::placeholder {color: #919191;}
.login_cont_arae .inner_box .login_input_list_area .list li .box .input_box .inp_txt.id {margin: 0 0 8px; background-image: url('/images/home/kor/user/common/id_icon.png');}
.login_cont_arae .inner_box .login_input_list_area .list li .box .input_box .inp_txt.pas {background-image: url('/images/home/kor/user/common/pas_icon.png');}
.login_cont_arae .inner_box .login_input_list_area .list li .box .btn {display: block; width: 100%; margin: 0 0 20px; background-color: #3c79d5; font-weight: 500; font-size: 18px; line-height: 55px; color: #ffffff; text-align: center; border-radius: 6px;}
.login_cont_arae .inner_box .login_input_list_area .list li .box .sercive_view_link_area {}
.login_cont_arae .inner_box .login_input_list_area .list li .box .sercive_view_link_area .text {font-weight: 500; font-size: 15px; line-height: 22px; color: #8c8c8c;}
.login_cont_arae .inner_box .login_input_list_area .list li .box .sercive_view_link_area .text a {display: inline-block; font-weight: 500; font-size: 15px; line-height: 22px; color: #8c8c8c;}

/* 로그인 페이지 */
.login_area {display: table; width: 100%; table-layout: fixed;}
.login_area .login_cont {display: table-cell; width: 100%; padding: 50px 0 140px; vertical-align: top; background: url('/images/home/kor/user/common/login_bg.jpg'); background-position: center bottom; background-repeat: no-repeat;}
.login_area .login_cont .tit_box {text-align: center;}
.login_area .login_cont .tit_box .tit {font-weight: 700; font-size: 36px; line-height: 54px; color: #1b3977;}
.login_area .login_cont .tit_box .txt {margin: 3px 0 0; font-weight: 500; font-size: 17px; line-height: 26px; color: #333333;} 
.login_area .login_cont .login_box {position: relative; width: 100%; max-width: 440px; margin: 56px auto 0;}
.login_area .login_cont .login_box .inp_list {}
.login_area .login_cont .login_box .inp_list .list {}
.login_area .login_cont .login_box .inp_list .list li {margin: 8px 0 0;}
.login_area .login_cont .login_box .inp_list .list li:first-chlild {margin: 0;}
.login_area .login_cont .login_box .inp_list .list li input {height: 45px; border: 1px solid #dadce0; padding: 0 5px 0 42px; background-position: 20px 50%; background-size: 15px 19px; background-repeat: no-repeat;}
.login_area .login_cont .login_box .inp_list .list li.id input {background-image: url('/images/home/kor/user/common/id_icon2.png');}
.login_area .login_cont .login_box .inp_list .list li.pwd input {background-image: url('/images/home/kor/user/common/pwd_icon2.png');}
.login_area .login_cont .login_box .inp_list .list li input::placeholder {font-weight: 500; font-size: 17px; line-height: 26px; color: #919191;}
.login_area .login_cont .login_box .login_btn {display: block; width: 100%; margin: 30px 0 0; border-radius: 4px; background-color: #04a6e1; font-weight: 500; font-size: 17px; line-height: 58px; color: #ffffff; text-align: center;}
.login_area .login_cont .login_box .btn_box {margin: 20px 0 0; font-size: 0;}
.login_area .login_cont .login_box .btn_box .btn {display: inline-block; width: calc(50% - 4px); margin: 0 8px 0 0; border: 1px solid #1b3977; border-radius: 4px; background-color: #1b3977; font-weight: 500; font-size: 17px; line-height: 56px; color: #ffffff; text-align: center;}
.login_area .login_cont .login_box .btn_box .btn:last-child {margin: 0;}
.login_area .login_cont .login_box .btn_box .btn.bd {border: 1px solid #666666; background-color: #ffffff; color: #222222;}

.login_area .sns_cont {display: table-cell; width: 440px; padding: 0 0 0 40px; vertical-align: top;}
.login_area .sns_cont .sns_inner {padding: 52px 40px 56px; background-color: #f8f9fa; text-align: center;}
.login_area .sns_cont .sns_inner .sns_area {}
.login_area .sns_cont .sns_inner .sns_area .title {font-weight: 700; font-size: 24px; line-height: 36px; color: #1b3977; text-align: center;}
.login_area .sns_cont .sns_inner .sns_area .list {margin: 32px 0 0; text-align: center;}
.login_area .sns_cont .sns_inner .sns_area .list li {display: inline-block; margin: 0 20px 0 0;}
.login_area .sns_cont .sns_inner .sns_area .list li:last-child {margin: 0;}
.login_area .sns_cont .sns_inner .sns_area .list li .sns {display: block; width: 58px; height: 58px; border-radius: 50%; background-position: 0 0; background-repeat: no-repeat; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);}
.login_area .sns_cont .sns_inner .sns_area .list li.icon01 .sns {background-image: url('/images/home/kor/user/common/sns_login_icon01.png');}
.login_area .sns_cont .sns_inner .sns_area .list li.icon02 .sns {background-image: url('/images/home/kor/user/common/sns_login_icon02.png');}
.login_area .sns_cont .sns_inner .sns_area .list li.icon03 .sns {background-image: url('/images/home/kor/user/common/sns_login_icon03.png');}
.login_area .sns_cont .sns_inner .one_area  {margin: 50px 0 0; border-top: 1px solid #dadce0; padding: 50px 0 0;}
.login_area .sns_cont .sns_inner .one_area .title {font-weight: 700; font-size: 24px; line-height: 36px; color: #1b3977; text-align: center;}
.login_area .sns_cont .sns_inner .one_area > .text {margin: 10px 0 0; font-weight: 300; font-size: 15px; line-height: 22px; color: #666666; text-align: center;}
.login_area .sns_cont .sns_inner .one_area .one_login {position: relative; margin: 16px 0 0; padding: 0 120px 0 0;}
.login_area .sns_cont .sns_inner .one_area .one_login input {height: 45px;}
.login_area .sns_cont .sns_inner .one_area .one_login .one_btn {display: block; position: absolute; right: 0; top: 0; border-radius: 4px; padding: 0 17px 0 48px; background-color: #1a2674; background-image: url('/images/home/kor/user/common/one_icon.png'); background-position: left 20px center; background-repeat: no-repeat; font-weight: 500; font-size: 17px; line-height: 45px; color: #ffffff;}
.login_area .sns_cont .sns_inner .one_area .id_save {margin: 5px 0 0; text-align: right;}
.login_area .sns_cont .sns_inner .one_area .id_save .chk_area {display: inline-block; width: auto; font-size: 0;}
.login_area .sns_cont .sns_inner .one_area .id_save .chk_area input {display: inline-block; position:relative;  width: 18px; height: 18px; padding:  0; vertical-align: middle;}
.login_area .sns_cont .sns_inner .one_area .id_save .chk_area input:checked {border: 2px solid #04a6e1; background-color: #04a6e1;}
.login_area .sns_cont .sns_inner .one_area .id_save .chk_area input:checked:before {display: block; content: ''; position: absolute; top: 50%; left: 50%; width: 12px; height: 9px; background-color: #04a6e1; background-image: url('/images/home/kor/user/board/chk.png'); background-size: 12px 9px; background-repeat: no-repeat; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.login_area .sns_cont .sns_inner .one_area .id_save .chk_area label  {display: inline-block;  vertical-align: middle;}
.login_area .sns_cont .sns_inner .one_area .id_save .chk_area label .text {font-weight: 300; font-size: 15px; line-height: 24px; color: #666666;}
.login_area .sns_cont .sns_inner .one_area .login_util_list {margin: 12px 0 0;font-size: 0;}
.login_area .sns_cont .sns_inner .one_area .login_util_list li {display: inline-block; position: relative; margin: 0 19px 0 0; padding: 0 19px 0 0; }
.login_area .sns_cont .sns_inner .one_area .login_util_list li:last-child {margin: 0; padding: 0;}
.login_area .sns_cont .sns_inner .one_area .login_util_list li:before {display: block; content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 2px; height: 18px; background-color: #e3e3e3;}
.login_area .sns_cont .sns_inner .one_area .login_util_list li:last-child:before {display: none;}
.login_area .sns_cont .sns_inner .one_area .login_util_list li .text {display: inline-block; font-weight: 300; font-size: 17px; line-height: 30px; color: #666666;}
.login_area .sns_cont .sns_inner .one_area .one_inqury {margin: 10px 0 0; font-weight: 300; font-size: 15px; line-height: 22px; color: #666666;}
.login_area .sns_cont .sns_inner .one_area .one_inqury .ft_c {color: #04a6e1;}
/* 로그인 페이지 */

.cont_btn_list_area .list li .btn {
    display: inline-block;
    min-width: 240px;
    padding: 0 5px;
    background-color: #656565;
    font-weight: 500;
    font-size: 18px;
    line-height: 56px;
    color: #ffffff;
    text-align: center;
    border-radius: 5px;
}
.cont_btn_list_area .list li .btn.pink {
    background-color: #E7473D;
}

/* ================== 로그인 ================== */
.login_cont_list_area {}
.login_cont_list_area > .list {width:100%;font-size: 0;}
.login_cont_list_area > .list > li {display: inline-block; width:50%;vertical-align: top;}
.login_cont_list_area > .list > li .box{height:516px;}

/* 로그인 아이디/비밀번호 */
.login_cont_list_area > .list > li .com_login_cont{height:100%;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;border-left:1px solid #e0e0e0;border-radius:10px 0 0 10px;text-align: center;}
.login_cont_list_area > .list > li .com_login_cont .inner_box{padding:80px;}
.login_cont_list_area > .list > li .com_login_cont .inner_box .title {font-weight: 700; font-size:28px; line-height:28px ; color: #6e514f;}
.login_cont_list_area > .list > li .com_login_cont .inner_box .title .ft_c {color: #E7473D;}
.login_cont_list_area > .list > li .com_login_cont .inner_box .id_pass_cont_area{}
.login_cont_list_area > .list > li .com_login_cont .inner_box .id_pass_cont_area > .list > li label .txt_inp{margin:18px 0 0 0;padding:0 0 0 30px;border-width:0 0 1px 0;background-repeat:no-repeat;background-position:4px 9px;}
.login_cont_list_area > .list > li .com_login_cont .inner_box .id_pass_cont_area > .list > li label .txt_inp::placeholder {color:#919191;}
.login_cont_list_area > .list > li .com_login_cont .inner_box .id_pass_cont_area > .list > li label .txt_inp.id{background-image: url('/images/home/kor/user/common/id_icon3.png');}
.login_cont_list_area > .list > li .com_login_cont .inner_box .id_pass_cont_area > .list > li label .txt_inp.pass{background-image: url('/images/home/kor/user/common/pass_icon3.png');}

.login_cont_list_area > .list > li .com_login_cont .inner_box .radio_list_area {margin:10px 0 0 0;text-align:right;} 
.login_cont_list_area > .list > li .com_login_cont .inner_box .radio_list_area .list li .radio_area .radio_inp:checked:before {background-color: #E7473D;}

.login_cont_list_area > .list > li .com_login_cont .inner_box .cont_btn_list_area{}
.login_cont_list_area > .list > li .com_login_cont .inner_box .cont_btn_list_area {}
.login_cont_list_area > .list > li .com_login_cont .inner_box .cont_btn_list_area .list {}
.login_cont_list_area > .list > li .com_login_cont .inner_box .cont_btn_list_area .list li {width:100%;}
.login_cont_list_area > .list > li .com_login_cont .inner_box .cont_btn_list_area .list li .btn {width:100%;border-radius:30px;}

.login_cont_list_area > .list > li .com_login_cont .inner_box .member_area {margin: 18px 0 0;}
.login_cont_list_area > .list > li .com_login_cont .inner_box .member_area > .list > li {display: inline-block; position:relative; margin: 0 15px 0 0; padding: 0 15px 0 0;}
.login_cont_list_area > .list > li .com_login_cont .inner_box .member_area > .list > li:after {content: ''; position:absolute; top: 50%; right: 0; width: 1px; height: 15px; margin: -8px 0 0; background-color: #e0e0e0;}
.login_cont_list_area > .list > li .com_login_cont .inner_box .member_area > .list > li:last-child {margin: 0; padding: 0;}
.login_cont_list_area > .list > li .com_login_cont .inner_box .member_area > .list > li:last-child:after {display: none;}
.login_cont_list_area > .list > li .com_login_cont .inner_box .member_area > .list > li .btn {display: block; font-weight: 500; font-size: 16px; line-height: 26px; color: #5d6174;}

/* 로그인 비주얼 */
.login_cont_list_area > .list > li .com_login_visual{height:100%; background-image: url('/images/home/kor/user/common/login_bg.jpg'); background-size: cover; background-repeat: no-repeat; border-radius: 0 20px 20px 0;}

.login_cont_area {padding: 57px 10px; background-color: #f7f7f7;}
.login_cont_area .box {max-width: 440px; margin: 0 auto; text-align: center;}
.login_cont_area .box .title_area {margin: 0 0 34px;}
.login_cont_area .box .title_area .title {margin: 0 0 16px; font-weight: 700; font-size: 24px; line-height: 36px; color: #2f2f2f;}
.login_cont_area .box .title_area .title .ft_c {position:relative; color: #0060af; z-index: 1;}
.login_cont_area .box .title_area .title .ft_c:before {content: ''; position:absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 8px; background-color: #c6dcf3; border-radius: 10px; z-index: -1;}
.login_cont_area .box .title_area .text {font-weight: 300; font-size: 16px; line-height: 26px; color: #191919;}
.login_cont_area .box .title_area .text .ft_b {font-weight: 500;}
.login_cont_area .box .inp_area {margin: 0 0 24px;}
.login_cont_area .box .inp_area .inp_box {margin: 0 0 6px;}
.login_cont_area .box .inp_area .inp_box:last-child {margin: 0;}
.login_cont_area .box .inp_area .inp_box label {display: block; position:relative;  border: 1px solid #e0e0e0; padding: 0 0 0 55px; background-color: #ffffff; background-position: left 20px center; background-repeat: no-repeat; border-radius: 5px;}
.login_cont_area .box .inp_area .inp_box label:before {content: ''; position:absolute; top: 50%; left: 50px; width: 1px; height: 20px; background-color: #eeeeee; transform: translateY(-50%);}
.login_cont_area .box .inp_area .inp_box.id label {background-image: url('/images/home/kor/user/common/id_icon3.png');}
.login_cont_area .box .inp_area .inp_box.pass label {background-image: url('/images/home/kor/user/common/pass_icon3.png');}
.login_cont_area .box .inp_area .inp_box label .inp_txt {position:relative; height: 56px; border: none; background-color: inherit;}
.login_cont_area .box .inp_area .inp_box label .inp_txt::placeholder {font-weight: 300; font-size: 16px; line-height: 24px; color: #919191;}
.login_cont_area .box .cont_btn_list_area {margin: 24px 0 0;}
.login_cont_area .box .cont_btn_list_area .list {}
.login_cont_area .box .cont_btn_list_area .list li {display: block;}
.login_cont_area .box .cont_btn_list_area .list li .btn {display: block; width: 100%;}
.login_cont_area .box .cont_btn_list_area .list li .cancell_btn {display: block; width: 100%;}
.login_cont_area .box .link_list_area {margin: 18px 0 0;}
.login_cont_area .box .link_list_area .list {font-size: 0;}
.login_cont_area .box .link_list_area .list li {display: inline-block; position:relative; margin: 0 15px 0 0; padding: 0 15px 0 0;}
.login_cont_area .box .link_list_area .list li:after {content: ''; position:absolute; top: 50%; right: 0; width: 1px; height: 16px; background-color: #e0e0e0; transform: translateY(-50%);}
.login_cont_area .box .link_list_area .list li:last-child {margin: 0; padding: 0;}
.login_cont_area .box .link_list_area .list li:last-child:after {display: none;}
.login_cont_area .box .link_list_area .list li .link_btn {font-weight: 500; font-size: 16px; line-height: 26px; color: #5d6174;}

.member_title_area {margin: 0 0 57px; text-align: center;}
.member_title_area .title {margin: 0 0 13px; font-weight: 500; font-size: 28px; line-height: 42px; color: #2f2f2f;}
.member_title_area.sty2 .title {margin: 0;}
.member_title_area .title .ft_c {position:relative; font-weight: 700; font-size: 32px; color: #c71212;}
.member_title_area .title .ft_c:before {content: ''; position:absolute; bottom: 0; left: 0; right: 0; height: 8px; background-color: #f4d0d0; z-index: -1;}
.member_title_area .text {font-weight: 500; font-size: 16px; line-height: 24px; color: #2f2f2f;}

.login_cont_list_area2 {}
.login_cont_list_area2 > .list {font-size: 0;}
.login_cont_list_area2 > .list > li {display: inline-block; width: calc(33.3333% - 0.6666px); margin: 0 1px 0 0; vertical-align: middle;}
.login_cont_list_area2 > .list > li:last-child {margin: 0;}
.login_cont_list_area2 > .list > li .box {padding: 54px 40px; background-color: #f7f7f7; text-align: center;}
.login_cont_list_area2 > .list > li .box .title {margin: 0 0 35px; font-weight: 700; font-size: 24px; line-height: 36px; color: #2f2f2f;}
.login_cont_list_area2 > .list > li .box .inp_cont_box {}
.login_cont_list_area2 > .list > li .box .inp_cont_box > .list {}
.login_cont_list_area2 > .list > li .box .inp_cont_box > .list > li {margin: 0 0 6px;}
.login_cont_list_area2 > .list > li .box .inp_cont_box > .list > li:last-child {margin: 0;}
.login_cont_list_area2 > .list > li .box .inp_cont_box > .list > li label {display: block; position:relative; border: 1px solid #e0e0e0; padding: 0 0 0 57px; background-color: #ffffff; background-position: left 20px center; background-repeat: no-repeat; border-radius: 5px;}
.login_cont_list_area2 > .list > li .box .inp_cont_box > .list > li label.id {background-image: url('/images/home/kor/user/common/id_icon3.png');}
.login_cont_list_area2 > .list > li .box .inp_cont_box > .list > li label.pass {background-image: url('/images/home/kor/user/common/pass_icon3.png');}
.login_cont_list_area2 > .list > li .box .inp_cont_box > .list > li label:before {content: ''; position:absolute; top: 50%; left: 57px; width: 1px; height: 32px; margin: -16px 0 0; background-color: #eeeeee;}
.login_cont_list_area2 > .list > li .box .inp_cont_box > .list > li label .inp_txt {height: 54px; border: none; background-color: inherit; border-radius: 0 5px 5px 0;}
.login_cont_list_area2 > .list > li .box .cont_btn_list_area {}
.login_cont_list_area2 > .list > li .box .cont_btn_list_area > .list {}
.login_cont_list_area2 > .list > li .box .cont_btn_list_area > .list > li {display: block;}
.login_cont_list_area2 > .list > li .box .cont_btn_list_area > .list > li .btn {display: block; width: 100%; border-radius: 5px;}
.login_cont_list_area2 > .list > li .box .link_list_area {margin: 18px 0 0;}
.login_cont_list_area2 > .list > li .box .link_list_area > .list {font-size: 0;}
.login_cont_list_area2 > .list > li .box .link_list_area > .list > li {display: inline-block; position:relative; margin: 0 15px 0 0; padding: 0 15px 0 0;}
.login_cont_list_area2 > .list > li .box .link_list_area > .list > li:after {content: ''; position:absolute; top: 50%; right: 0; width: 1px; height: 15px; margin: -8px 0 0; background-color: #e0e0e0;}
.login_cont_list_area2 > .list > li .box .link_list_area > .list > li:last-child {margin: 0; padding: 0;}
.login_cont_list_area2 > .list > li .box .link_list_area > .list > li:last-child:after {display: none;}
.login_cont_list_area2 > .list > li .box .link_list_area > .list > li .link {display: block; font-weight: 500; font-size: 16px; line-height: 26px; color: #5d6174;}

.login_com_cont_area {}
.login_com_cont_area .inner_box {width: 100%; max-width: 440px; margin: 0 auto;}
.login_com_cont_area .inner_box .login_inp_list_area {margin: 0 0 13px;}
.login_com_cont_area .inner_box .login_inp_list_area > .list {}
.login_com_cont_area .inner_box .login_inp_list_area > .list > li {margin: 0 0 5px;}
.login_com_cont_area .inner_box .login_inp_list_area > .list > li:last-child {margin: 0;}
.login_com_cont_area .inner_box .login_inp_list_area > .list > li .txt {margin: 0 0 8px; padding: 0 0 0 20px; background-position: left center; background-repeat: no-repeat; font-weight: 500; font-size: 16px; line-height: 24px; color: #333333;}
.login_com_cont_area .inner_box .login_inp_list_area > .list > li .txt.id {background-image: url('/images/home/kor/user/common/id_icon4.png');}
.login_com_cont_area .inner_box .login_inp_list_area > .list > li .txt.pass {background-image: url('/images/home/kor/user/common/pass_icon4.png');}
.login_com_cont_area .inner_box .login_inp_list_area > .list > li .inp_txt {font-weight: 500; font-size: 16px; line-height:	 38px; border-radius: 5px;}
.login_com_cont_area .inner_box .login_view_list_area {margin: 0 0 21px;}
.login_com_cont_area .inner_box .login_view_list_area > .list {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; align-items: center;}
.login_com_cont_area .inner_box .login_view_list_area > .list > li {}
.login_com_cont_area .inner_box .login_view_list_area > .list > li .view_btn {display: block; font-weight: 500; font-size: 16px; line-height: 24px; color: #333333;}
.login_com_cont_area .inner_box .login_view_list_area > .list > li label {display: inline-block;}
.login_com_cont_area .inner_box .login_view_list_area > .list > li label .chk {display: inline-block; position:relative; width: 18px; height: 18px; padding: 0; vertical-align: middle;}
.login_com_cont_area .inner_box .login_view_list_area > .list > li label .chk:checked {border: 2px solid #ff0000; background-color: #ff0000;}
.login_com_cont_area .inner_box .login_view_list_area > .list > li label .chk:checked:before {display: block; content: ''; position: absolute; top: 50%; left: 50%; width: 12px; height: 9px; background-color: #ff0000; background-image: url('/images/home/kor/user/board/chk.png'); background-size: 12px 9px; background-repeat: no-repeat; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.login_com_cont_area .inner_box .login_view_list_area > .list > li label .txt {display: inline-block; font-weight: 500; font-size: 16px; line-height: 24px; color: #333333; vertical-align: middle;}
.login_com_cont_area .inner_box .cont_btn_list_area {margin: 0 0 16px;}
.login_com_cont_area .inner_box .cont_btn_list_area > .list {}
.login_com_cont_area .inner_box .cont_btn_list_area > .list > li {display: block; width: 100%;}
.login_com_cont_area .inner_box .cont_btn_list_area > .list > li .btn {display: block; width: 100%;}
.login_com_cont_area .inner_box .member_view_cont {}
.login_com_cont_area .inner_box .member_view_cont .box {display: block; padding: 18px 150px 24px 22px; background-color: #fff2f2; background-image: url('/images/home/kor/user/common/login_icon02.png'); background-position: right 24px bottom 24px; background-repeat: no-repeat; border-radius: 5px; font-size: 0;}
.login_com_cont_area .inner_box .member_view_cont .box .title {margin: 0 0 18px; font-weight: 500; font-size: 20px; line-height: 30px; color: #333333;}
.login_com_cont_area .inner_box .member_view_cont .box .title .ft_c {color: #ff0000;}
.login_com_cont_area .inner_box .member_view_cont .box .text {display: inline-block; padding: 0 30px 0 0; background-image: url('/images/home/kor/user/common/login_icon01.png'); background-position: right 1px center; background-repeat: no-repeat; font-weight: 500; font-size: 16px; line-height: 25px; color: #616161;}

/* 회원가입 step */
.com_step_cont_area {margin: 0 0 53px;}
.com_step_cont_area > .list {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.com_step_cont_area > .list > li {width: 100%;}
.com_step_cont_area.animal_style > .list > li {position:relative;}
.com_step_cont_area.animal_style > .list > li:after {content: ''; position:absolute; top: 50%; right: 0; width: 1px; height: 55px; margin: -28px 0 0 0; background-color: #e0e0e0;}
.com_step_cont_area.animal_style > .list > li:last-child:after {display: none;}
.com_step_cont_area.animal_style > .list > li.on:after {display: none; }
.com_step_cont_area.animal_style > .list > li .box {padding: 21px 10px 22px 19px; background-color: #f5f5f5;} /* background-color : animal_style variation */
.com_step_cont_area.animal_style > .list > li.on .box {background-color: #e7f6fb;} /* background-color : animal_style variation */
.com_step_cont_area.animal_style > .list > li .box .title_area {padding: 2px 0 1px 60px; background-position: left center; background-repeat: no-repeat;}
.com_step_cont_area.animal_style > .list > li .box .title_area.icon01 {background-image: url('/images/home/kor/user/common/step_01_off.png');}
.com_step_cont_area.animal_style > .list > li .box .title_area.icon02 {background-image: url('/images/home/kor/user/common/step_02_off.png');}
.com_step_cont_area.animal_style > .list > li .box .title_area.icon03 {background-image: url('/images/home/kor/user/common/step_03_off.png');}
.com_step_cont_area.animal_style > .list > li.on .box .title_area.icon01 {background-image: url('/images/home/kor/user/common/step_01_on.png');}
.com_step_cont_area.animal_style > .list > li.on .box .title_area.icon02 {background-image: url('/images/home/kor/user/common/step_02_on.png');}
.com_step_cont_area.animal_style > .list > li.on .box .title_area.icon03 {background-image: url('/images/home/kor/user/common/step_03_on.png');}
.com_step_cont_area.animal_style > .list > li .box .title_area .sub_tit {font-weight: 500; font-size: 15px; line-height: 25px; color: #757575;} /* color : animal_style variation */
.com_step_cont_area.animal_style > .list > li .box .title_area .title {font-weight: 500; font-size: 18px; line-height: 28px; color: #757575;} /* color : animal_style variation */
.com_step_cont_area.animal_style > .list > li.on .box .title_area .sub_tit {color: #b2d9f6;} /* color : animal_style variation */
.com_step_cont_area.animal_style > .list > li.on .box .title_area .title {color: #424242;} /* color : animal_style variation */

/* 회원가입 step > animal_style variation */
.com_step_cont_area.animal_style > .list > li{padding:0 4px 0 0;}
.com_step_cont_area.animal_style > .list > li:last-child{padding: 0 0 0 0;}
.com_step_cont_area.animal_style > .list > li:after{display:none;}
.com_step_cont_area.animal_style > .list > li .box{padding:18px 0 19px;}
.com_step_cont_area.animal_style > .list > li .box .title_area{margin:0 auto;padding:0 0 0 60px;}
.com_step_cont_area.animal_style > .list > li:nth-of-type(1) .box .title_area{width:262px;}
.com_step_cont_area.animal_style > .list > li:nth-of-type(2) .box .title_area{width:168px;}
.com_step_cont_area.animal_style > .list > li:nth-of-type(3) .box .title_area{width:135px;}
.com_step_cont_area.animal_style > .list > li .box .title_area.icon01 {background-size: 36px auto;}
.com_step_cont_area.animal_style > .list > li .box .title_area.icon02 {background-size: 37px auto;}
.com_step_cont_area.animal_style > .list > li .box .title_area.icon03 {background-size: 40px auto;}

/* 회원가입 step > step_cont01 variation */
.com_step_cont_area.step_cont01 {}
.com_step_cont_area.step_cont01 > .list {}
.com_step_cont_area.step_cont01 > .list > li {margin: 0 2px 0 0; background-color: #f5f5f5;}
.com_step_cont_area.step_cont01 > .list > li:last-child {margin: 0;}
.com_step_cont_area.step_cont01 > .list > li.on {background-color: #fff2f2;}
.com_step_cont_area.step_cont01 > .list > li .box {padding: 18px 5px 18px 25px;}
.com_step_cont_area.step_cont01 > .list > li .box .title_area {padding: 0 0 0 67px; background-position: left center; background-repeat: no-repeat;}
.com_step_cont_area.step_cont01 > .list > li .box .title_area.icon01 {background-image: url('/images/home/kor/user/common/step2_01_off.png');}
.com_step_cont_area.step_cont01 > .list > li.on .box .title_area.icon01 {background-image: url('/images/home/kor/user/common/step2_01_on.png');}
.com_step_cont_area.step_cont01 > .list > li .box .title_area.icon02 {background-image: url('/images/home/kor/user/common/step2_02_off.png');}
.com_step_cont_area.step_cont01 > .list > li.on .box .title_area.icon02 {background-image: url('/images/home/kor/user/common/step2_02_on.png');}
.com_step_cont_area.step_cont01 > .list > li .box .title_area.icon03 {background-image: url('/images/home/kor/user/common/step2_03_off.png');}
.com_step_cont_area.step_cont01 > .list > li.on .box .title_area.icon03 {background-image: url('/images/home/kor/user/common/step2_03_on.png');}
.com_step_cont_area.step_cont01 > .list > li .box .title_area.icon04 {background-image: url('/images/home/kor/user/common/step2_04_off.png');}
.com_step_cont_area.step_cont01 > .list > li.on .box .title_area.icon04 {background-image: url('/images/home/kor/user/common/step2_04_on.png');}
.com_step_cont_area.step_cont01 > .list > li .box .title_area.icon05 {background-image: url('/images/home/kor/user/common/step2_05_off.png');}
.com_step_cont_area.step_cont01 > .list > li.on .box .title_area.icon05 {background-image: url('/images/home/kor/user/common/step2_05_on.png');}
.com_step_cont_area.step_cont01 > .list > li .box .title_area .sub_tit {font-weight: 500; font-size: 14px; line-height: 24px; color: #757575;}
.com_step_cont_area.step_cont01 > .list > li.on .box .title_area .sub_tit {color: #ff0000;}
.com_step_cont_area.step_cont01 > .list > li .box .title_area .title {font-weight: 700; font-size: 18px; line-height: 28px; color: #757575;}

/* 회원가입 step > step_cont02 variation */
.com_step_cont_area.step_cont02 {}
.com_step_cont_area.step_cont02 > .list {}
.com_step_cont_area.step_cont02 > .list > li {margin: 0 20px 0 0; padding: 0 25px 0 0; background-image: url('/images/home/kor/user/common/step_arr.png'); background-position: right center; background-repeat: no-repeat;}
.com_step_cont_area.step_cont02 > .list > li:last-child {margin: 0; padding: 0; background-image: inherit;}
.com_step_cont_area.step_cont02 > .list > li .box {}
.com_step_cont_area.step_cont02 > .list > li .box .title_area {padding: 15px 0 15px 100px; background-position: left center; background-repeat: no-repeat;}
.com_step_cont_area.step_cont02 > .list > li .box .title_area.icon01 {background-image: url('/images/home/kor/user/common/step3_01_off.png');}
.com_step_cont_area.step_cont02 > .list > li.on .box .title_area.icon01 {background-image: url('/images/home/kor/user/common/step3_01_on.png');}
.com_step_cont_area.step_cont02 > .list > li .box .title_area.icon02 {background-image: url('/images/home/kor/user/common/step3_02_off.png');}
.com_step_cont_area.step_cont02 > .list > li.on .box .title_area.icon02 {background-image: url('/images/home/kor/user/common/step3_02_on.png');}
.com_step_cont_area.step_cont02 > .list > li .box .title_area.icon03 {background-image: url('/images/home/kor/user/common/step3_03_off.png');}
.com_step_cont_area.step_cont02 > .list > li.on .box .title_area.icon03 {background-image: url('/images/home/kor/user/common/step3_03_on.png');}
.com_step_cont_area.step_cont02 > .list > li .box .title_area.icon04 {background-image: url('/images/home/kor/user/common/step3_04_off.png');}
.com_step_cont_area.step_cont02 > .list > li.on .box .title_area.icon04 {background-image: url('/images/home/kor/user/common/step3_04_on.png');}
.com_step_cont_area.step_cont02 > .list > li .box .title_area.icon05 {background-image: url('/images/home/kor/user/common/step3_05_off.png');}
.com_step_cont_area.step_cont02 > .list > li.on .box .title_area.icon05 {background-image: url('/images/home/kor/user/common/step3_05_on.png');}
.com_step_cont_area.step_cont02 > .list > li .box .title_area .sub_tit {margin: 0 0 3px; font-weight: 500; font-size: 14px; line-height: 24px; color: #757575;}
.com_step_cont_area.step_cont02 > .list > li.on .box .title_area .sub_tit {color: #ff0000;}
.com_step_cont_area.step_cont02 > .list > li .box .title_area .title {font-weight: 700; font-size: 18px; line-height: 28px; color: #757575;}

/* 회원가입 step > step_cont03 variation */
.com_step_cont_area.step_cont03 {}
.com_step_cont_area.step_cont03 > .list {}
.com_step_cont_area.step_cont03 > .list > li {position:relative; margin: 0 2px 0 0; background-color: #eeeeee;}
.com_step_cont_area.step_cont03 > .list > li:before {content: ''; position:absolute; top: 50%; right: -16px; width: 32px; height: 32px; background-image: url('/images/home/kor/user/common/step_arr2.png'); background-repeat: no-repeat; z-index: 1; transform: translateY(-50%);}
.com_step_cont_area.step_cont03 > .list > li.on {background-color: #ff0000;}
.com_step_cont_area.step_cont03 > .list > li:last-child {margin: 0;}
.com_step_cont_area.step_cont03 > .list > li:last-child:before {display: none;}
.com_step_cont_area.step_cont03 > .list > li .box {}
.com_step_cont_area.step_cont03 > .list > li .box .title_area {text-align: center;}
.com_step_cont_area.step_cont03 > .list > li .box .title_area .title {font-weight: 700; font-size: 20px; line-height: 64px; color: #757575;}
.com_step_cont_area.step_cont03 > .list > li.on .box .title_area .title {color: #ffffff;}

/* 회원가입 step01 */
.app_cont_area .app_cont {}
.app_cont_area .app_cont .title_area {margin: 0 0 17px;}
.app_cont_area .app_cont .title_area .title {position:relative; margin: 0 0 12px; padding: 0 0 0 13px; font-weight: 700; font-size: 24px; line-height: 36px; color: #2f2f2f;}
.app_cont_area .app_cont .title_area .title:before {content: ''; position:absolute; top: 50%; left: 0; width: 4px; height: 24px; margin: -12px 0 0; background-color: #1f8ce9;}
.app_cont_area .app_cont .title_area.mb0 .title {margin: 0;}
.app_cont_area .app_cont .title_area .text {font-weight: 300; font-size: 18px; line-height: 28px; color: #2f2f2f;}
.app_cont_area .app_cont .app_chk_area {margin: 0 0 20px; padding: 14px 10px 14px 32px; background-color: #e9f5e4; border-radius: 10px;}
.app_cont_area .app_cont .app_cont_list_area {}
.app_cont_area .app_cont .app_cont_list_area > .list {}
.app_cont_area .app_cont .app_cont_list_area > .list > li {margin: 0 0 40px;}
.app_cont_area .app_cont .app_cont_list_area > .list > li .box {}
.app_cont_area .app_cont .app_cont_list_area > .list > li .box .inner_cont {height: 160px; border: 1px solid #ebebeb; padding: 25px 0 25px 25px;}
.app_cont_area .app_cont .app_cont_list_area > .list > li .box .inner_cont .title {font-weight: 500; font-size: 16px; line-height: 28px; color: #737373;}
.app_cont_area .app_cont .app_cont_list_area > .list > li .box .inner_cont .text {font-weight: 300; font-size: 15px; line-height: 25px; color: #737373;}
.app_cont_area .app_cont .app_cont_list_area > .list > li .box .consent_area {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; padding: 14px 32px; justify-content: space-between; align-items: center;}
.app_cont_area .app_cont .app_cont_list_area > .list > li .box .consent_area.style2 {background-color: #f5f5f5;}
.app_cont_area .app_cont .app_cont_list_area > .list > li .box .consent_area.style3 {justify-content: inherit;}
.app_cont_area .app_cont .app_cont_list_area > .list > li .box .consent_area.style4 {background-color: #f5f5f5; justify-content: inherit;}
.app_cont_area .app_cont .app_cont_list_area > .list > li .box .consent_area .title {font-weight: 300; font-size: 18px; line-height: 28px; color: #2f2f2f;}
.app_cont_area .app_cont .app_cont_list_area > .list > li .box .consent_area.style3 .title {margin: 0 15px 0 0;}
.app_cont_area .app_cont .app_cont_list_area > .list > li .box .consent_area.style4 .title {margin: 0 15px 0 0;}
.app_cont_area .app_cont .app_cont_list_area > .list > li .box .consent_area .radio_list_area {}
.app_cont_area .app_cont .app_cont_list_area > .list > li .box .consent_area .chk_list_area {}
.app_cont_area .app_cont .app_cont_list_area > .list > li .box .consent_area .chk_list_area .list {font-size: 0;}
.app_cont_area .app_cont .app_cont_list_area > .list > li .box .consent_area .chk_list_area .list li {display: inline-block; margin: 0 32px 0 0; vertical-align: middle;}
.app_cont_area .app_cont .app_cont_list_area > .list > li .box .consent_area .chk_list_area .list li:last-child {margin: 0;}
.app_cont_area .app_cont .app_cont_list_area > .list > li .box .consent_area .chk_list_area .list li .chk_inner {display: block; position: relative; width: 100%; padding: 0 0 0 26px; font-size: 0;}
.app_cont_area .app_cont .app_cont_list_area > .list > li .box .consent_area .chk_list_area .list li .chk_inner .inp_chk {display: inline-block; position: absolute; top: 15px; left: 0; width: 18px; height: 18px; margin: -9px 0 0; border: 2px solid #c4c4c4; padding: 0; background-color: #ffffff; cursor: pointer; vertical-align: middle;}
.app_cont_area .app_cont .app_cont_list_area > .list > li .box .consent_area .chk_list_area .list li .chk_inner .inp_chk:checked {border: 2px solid #c71212; background-color: #c71212;}
.app_cont_area .app_cont .app_cont_list_area > .list > li .box .consent_area .chk_list_area .list li .chk_inner .inp_chk:checked:before {display: block; content: ''; position: absolute; top: 50%; left: 50%; width: 12px; height: 9px; background-color: #c71212; background-image: url('/images/home/kor/user/common/chk.png'); background-size: 12px 9px; background-repeat: no-repeat; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.app_cont_area .app_cont .app_cont_list_area > .list > li .box .consent_area .chk_list_area .list li .chk_inner label {display: inline-block; font-weight: 500; font-size: 16px; line-height: 28px; color: #2f2f2f; vertical-align: middle;}
.app_cont_area .app_cont .app_cont_list_area > .list > li .box .consent_area .chk_list_area .list li .chk_inner .inp_txt {display: inline-block; max-width: 150px; margin: 0 0 0 5px; vertical-align: middle;}

/* 회원 유형 */
.member_step_01_area {}
.member_step_01_area .title_area {margin: 0 0 67px; text-align: center;}
.member_step_01_area .title_area .title {font-weight: 500; font-size: 30px; line-height: 45px; color: #262626;}
.member_step_01_area .title_area .title .ft_c {color: #ff0000;}
.member_step_01_area .step_01_cont_list_area {}
.member_step_01_area .step_01_cont_list_area .list {font-size: 0;}
.member_step_01_area .step_01_cont_list_area .list li {display: inline-block; width: calc(33.3333% - 20px); margin: 0 30px 0 0;}
.member_step_01_area .step_01_cont_list_area .list li:last-child {margin: 0;}
.member_step_01_area .step_01_cont_list_area .list li .inner_box {display: block; width: 100%; border: 3px solid #f9f9f9; padding: 77px 37px 85px; background-color: #f9f9f9; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.member_step_01_area .step_01_cont_list_area .list li .inner_box:hover, .member_step_01_area .step_01_cont_list_area .list li .inner_box:focus {border: 3px solid #ff0000;}
.member_step_01_area .step_01_cont_list_area .list li .inner_box .tit {margin: 0 0 43px; padding: 167px 0 0; background-position: top center; background-repeat: no-repeat; font-weight: 500; font-size: 24px; line-height: 36px; color: #333333;}
.member_step_01_area .step_01_cont_list_area .list li .inner_box.icon01 .tit {background-image: url('/images/home/kor/user/common/step01_icon01.png');}
.member_step_01_area .step_01_cont_list_area .list li .inner_box.icon02 .tit {background-image: url('/images/home/kor/user/common/step01_icon02.png');}
.member_step_01_area .step_01_cont_list_area .list li .inner_box.icon03 .tit {background-image: url('/images/home/kor/user/common/step01_icon03.png');}
.member_step_01_area .step_01_cont_list_area .list li .inner_box .text {background-color: #484848; font-weight: 500; font-size: 18px; line-height: 54px; color: #ffffff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.member_step_01_area .step_01_cont_list_area .list li .inner_box:hover .text, .member_step_01_area .step_01_cont_list_area .list li .inner_box:focus .text {background-color: #ff0000;}

.step_01_cont_list {}
.step_01_cont_list .step_01_cont {margin: 0 0 54px;}
.step_01_cont_list .step_01_cont > .list {font-size: 0;}
.step_01_cont_list .step_01_cont > .list > li {display: inline-block; width: calc(33.3333% - 0.6666px); margin: 0 1px 0 0;}
.step_01_cont_list .step_01_cont > .list > li:last-child {margin: 0;}
.step_01_cont_list .step_01_cont > .list > li .box {display: block; position:relative; width: 100%; border: 1px solid #f7f7f7; padding: 53px 10px; background-color: #f7f7f7; text-align: center;}
.step_01_cont_list .step_01_cont > .list > li.on:first-child .box {border: 1px solid #d35630; background-color: #f3e7e3;}
.step_01_cont_list .step_01_cont > .list > li.on:nth-child(2) .box {border: 1px solid #b17e54; background-color: #f0ebe6;}
.step_01_cont_list .step_01_cont > .list > li.on:last-child .box {border: 1px solid #801b1b; background-color: #ebe1e1;}
.step_01_cont_list .step_01_cont > .list > li.on .box:before {content: ''; position:absolute; top: 0; left: 50%; width: 12px; height: 6px; margin: 0 0 0 -6px; background-image: url('/images/home/kor/user/common/step_icon_etc.png'); background-size: cover; background-repeat: no-repeat;}
.step_01_cont_list .step_01_cont > .list > li.on:first-child .box:before {background-image: url('/images/home/kor/user/common/step_icon_etc1.png');}
.step_01_cont_list .step_01_cont > .list > li.on:nth-child(2) .box:before {background-image: url('/images/home/kor/user/common/step_icon_etc2.png');}
.step_01_cont_list .step_01_cont > .list > li.on:last-child .box:before {background-image: url('/images/home/kor/user/common/step_icon_etc3.png');}
.step_01_cont_list .step_01_cont > .list > li.on .box:after {content: ''; position:absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; box-shadow: 10px 10px 20px rgb(31 93 203 / 10%); z-index: 1;}
.step_01_cont_list .step_01_cont > .list > li.on:first-child .box:after {box-shadow: 10px 10px 20px rgb(211 86 48 / 10%);}
.step_01_cont_list .step_01_cont > .list > li.on:nth-child(2) .box:after {box-shadow: 10px 10px 20px rgb(117 126 84 / 10%);}
.step_01_cont_list .step_01_cont > .list > li.on:last-child .box:after {box-shadow: 10px 10px 20px rgb(128 27 27 / 10%);}
.step_01_cont_list .step_01_cont > .list > li .box .title {font-weight: 700; font-size: 24px; line-height: 36px; color: #2f2f2f;}
.step_01_cont_list .step_01_cont > .list > li:first-child .box .title {color: #d35630;}
.step_01_cont_list .step_01_cont > .list > li:nth-child(2) .box .title {color: #b17e54;}
.step_01_cont_list .step_01_cont > .list > li:last-child .box .title {color: #801b1b;}
.step_01_cont_list .step_01_cont > .list > li .box .text {margin: 34px 0 0; padding: 235px 0 0; background-position: top center; background-size: 220px 200px; background-repeat: no-repeat; font-weight: 500; font-size: 16px; line-height: 26px; color: #2f2f2f;}
.step_01_cont_list .step_01_cont > .list > li .box.icon01 .text {background-image: url('/images/home/kor/user/common/step_02_icon01.png');}
.step_01_cont_list .step_01_cont > .list > li .box.icon02 .text {background-image: url('/images/home/kor/user/common/step_02_icon02.png');}
.step_01_cont_list .step_01_cont > .list > li .box.icon03 .text {background-image: url('/images/home/kor/user/common/step_02_icon03.png');}

.member_step_01_area2 {}
.member_step_01_area2 > .list {font-size: 0;}
.member_step_01_area2 > .list > li {display: inline-block; width: calc(33.3333% - 26.6666px); margin: 0 40px 0 0;}
.member_step_01_area2 > .list > li:last-child {margin: 0;}
.member_step_01_area2 > .list > li .box {display: block; text-align: center;}
.member_step_01_area2 > .list > li .box .text_box {border: 1px solid #e0e0e0; border-bottom: none !important; padding: 40px 5px 33px; border-radius: 10px 10px 0 0;}
.member_step_01_area2 > .list > li.bg_c1 .box:hover .text_box, .member_step_01_area2 > .list > li.bg_c1 .box:focus .text_box {border: 1px solid rgba(255, 243, 238, 0.5); background-color: rgba(255, 243, 238, 0.5);}
.member_step_01_area2 > .list > li.bg_c2 .box:hover .text_box, .member_step_01_area2 > .list > li.bg_c2 .box:focus .text_box {border: 1px solid rgba(255, 76, 76, 0.5); background-color: rgba(255, 76, 76, 0.5);}
.member_step_01_area2 > .list > li.bg_c3 .box:hover .text_box, .member_step_01_area2 > .list > li.bg_c3 .box:focus .text_box {border: 1px solid rgba(239, 84, 162, 0.5); background-color: rgba(239, 84, 162, 0.5);}
.member_step_01_area2 > .list > li .box .text_box .title {margin: 0 0 11px; padding: 186px 0 0; background-position: top center; background-repeat: no-repeat; font-weight: 700; font-size: 24px; line-height: 36px; color: #333333;}
.member_step_01_area2 > .list > li.bg_c1 .box .text_box .title {background-image: url('/images/home/kor/user/common/step_03_icon01.png');}
.member_step_01_area2 > .list > li.bg_c2 .box .text_box .title {background-image: url('/images/home/kor/user/common/step_03_icon01.png');}
.member_step_01_area2 > .list > li.bg_c3 .box .text_box .title {background-image: url('/images/home/kor/user/common/step_03_icon01.png');}
.member_step_01_area2 > .list > li .box .text_box .text {font-weight: 500; font-size: 16px; line-height: 28px; color: #424242;}
.member_step_01_area2 > .list > li .box .view_cont {font-size: 0; text-align: center; border-radius: 0 0 10px 10px;}
.member_step_01_area2 > .list > li.bg_c1 .box .view_cont {background-color: #ff8655;}
.member_step_01_area2 > .list > li.bg_c2 .box .view_cont {background-color: #ff4c4c;}
.member_step_01_area2 > .list > li.bg_c3 .box .view_cont {background-color: #ef54a2;}
.member_step_01_area2 > .list > li .box .view_cont .text {display: inline-block; padding: 0 18px 0 0; background-image: url('/images/home/kor/user/common/step_arr3.png'); background-position: right center; background-repeat: no-repeat; font-weight: 500; font-size: 18px; line-height: 65px; color: #ffffff;}

.member_step_01_area3 {}
.member_step_01_area3 > .list {font-size: 0;}
.member_step_01_area3 > .list > li {display: inline-block; width: calc(33.3333% - 26.6666px); margin: 0 40px 0 0;}
.member_step_01_area3 > .list > li:last-child {margin: 0;}
.member_step_01_area3 > .list > li .box {display: block; border: 2px solid #e0e0e0; border-radius: 15px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.member_step_01_area3 > .list > li.bg_c1 .box:hover, .member_step_01_area3 > .list > li.bg_c1 .box:focus {border: 2px solid #ff8655;}
.member_step_01_area3 > .list > li.bg_c2 .box:hover, .member_step_01_area3 > .list > li.bg_c2 .box:focus {border: 2px solid #ff4c4c;}
.member_step_01_area3 > .list > li.bg_c3 .box:hover, .member_step_01_area3 > .list > li.bg_c3 .box:focus {border: 2px solid #ef54a2;}
.member_step_01_area3 > .list > li .box .title_area {position:relative; padding: 0 80px 0 28px; border-radius: 12px 12px 0 0;}
.member_step_01_area3 > .list > li.bg_c1 .box .title_area {background-color: #ff8655;}
.member_step_01_area3 > .list > li.bg_c2 .box .title_area {background-color: #ff4c4c;}
.member_step_01_area3 > .list > li.bg_c3 .box .title_area {background-color: #ef54a2;}
.member_step_01_area3 > .list > li .box .title_area .title {font-weight: 700; font-size: 24px; line-height: 68px; color: #ffffff;}
.member_step_01_area3 > .list > li .box .title_area .img_box {display: table; position:absolute; top: 50%; right: 10px; table-layout: fixed; width: 46px; height: 46px; background-color: #f5f5f5; border-radius: 50%; transform: translateY(-50%);}
.member_step_01_area3 > .list > li .box .title_area .img_box .inner_box {display: table-cell; width: 100%; height: 100%; vertical-align: middle; text-align: center;}
.member_step_01_area3 > .list > li .box .title_area .img_box .inner_box .img_area {display: inline-block;}
.member_step_01_area3 > .list > li .box .text_box {padding: 26px 31px 31px; font-size: 0;}
.member_step_01_area3 > .list > li .box .text_box .text_list_area {margin: 0 0 24px;}
.member_step_01_area3 > .list > li .box .text_box .text_list_area > .list {}
.member_step_01_area3 > .list > li .box .text_box .text_list_area > .list > li {position:relative; margin: 0 0 8px; padding: 0 0 0 18px; font-weight: 500; font-size: 16px; line-height: 28px; color: #424242;}
.member_step_01_area3 > .list > li .box .text_box .text_list_area > .list > li:last-child {margin: 0;}
.member_step_01_area3 > .list > li .box .text_box .text_list_area > .list > li:before {content: ''; position:absolute; top: 10px; left: 0; width: 6px; height: 6px; background-color: #e0e0e0; border-radius: 50%;}
.member_step_01_area3 > .list > li .box .text_box .view_btn {display: inline-block; padding: 0 23px; text-align: center; border-radius: 30px;}
.member_step_01_area3 > .list > li.bg_c1 .box .text_box .view_btn {border: 1px solid #ff8655;}
.member_step_01_area3 > .list > li.bg_c1 .box:hover .text_box .view_btn, .member_step_01_area3 > .list > li.bg_c1 .box:focus .text_box .view_btn {background-color: #ff8655;}
.member_step_01_area3 > .list > li.bg_c2 .box .text_box .view_btn {border: 1px solid #ff4c4c;}
.member_step_01_area3 > .list > li.bg_c2 .box:hover .text_box .view_btn, .member_step_01_area3 > .list > li.bg_c2 .box:focus .text_box .view_btn {background-color: #ff4c4c;}
.member_step_01_area3 > .list > li.bg_c3 .box .text_box .view_btn {border: 1px solid #ef54a2;}
.member_step_01_area3 > .list > li.bg_c3 .box:hover .text_box .view_btn, .member_step_01_area3 > .list > li.bg_c3 .box:focus .text_box .view_btn {background-color: #ef54a2;}
.member_step_01_area3 > .list > li .box .text_box .view_btn .text {display: inline-block; padding: 0 19px 0 0; background-position: right center; background-repeat: no-repeat; font-weight: 500; font-size: 18px; line-height: 46px;}
.member_step_01_area3 > .list > li.bg_c1 .box .text_box .view_btn .text {background-image: url('/images/home/kor/user/common/arr_c1.png'); color: #ff8655;}
.member_step_01_area3 > .list > li.bg_c2 .box .text_box .view_btn .text {background-image: url('/images/home/kor/user/common/arr_c2.png'); color: #ff4c4c;}
.member_step_01_area3 > .list > li.bg_c3 .box .text_box .view_btn .text {background-image: url('/images/home/kor/user/common/arr_c3.png'); color: #ef54a2;}
.member_step_01_area3 > .list > li .box:hover .text_box .view_btn .text, .member_step_01_area3 > .list > li .box:focus .text_box .view_btn .text {background-image: url('/images/home/kor/user/common/mem_arr_next.png'); color: #ffffff;}


/* ==================== 레이어팝업 Style ==================== */
.info_com_popup_cont {display: none; position:fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 99999;}
.info_com_popup_cont .inst_box {display: none; position: fixed; top: 50%; left: 50%; width: 100%; max-width: 650px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1;}
.info_com_popup_cont .inst_box .inner_area {position:relative;}
.info_com_popup_cont .inst_box .inner_area > .title_area {padding: 10px 50px 10px 25px; background-color: #e66a63; border-radius: 10px 10px 0 0;}
.info_com_popup_cont .inst_box .inner_area > .title_area.gray {background-color: #757575;}
.info_com_popup_cont .inst_box .inner_area > .title_area > .title {font-weight: 700; font-size: 24px; line-height: 45px; color: #ffffff;}
.info_com_popup_cont .inst_box .inner_area > .pop_close {position:absolute; top: 20px; right: 25px; width: 18px; height: 18px; background-image: url('/images/home/kor/user/common/pop_close_icon.png'); background-size: cover; background-repeat: no-repeat;}
.info_com_popup_cont .inst_box .inner_area .inst_cont {}

.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area {background-color: #ffffff; border: 1px solid #f5f5f5; padding: 40px 15px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area.scroll {overflow-y: scroll; height: 500px;}

.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area {background-color: #ffffff; border:1px solid #e0e0e0;}
.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area > .text_box {padding: 187px 0 0; background-position: top center; background-repeat: no-repeat; font-size: 0; text-align: center;}
.info_com_popup_cont .inst_box.pop01 .inner_area .inst_cont .com_input_form_area > .text_box {background-image: url('/images/home/kor/user/common/com_pop_icon01.png');}
.info_com_popup_cont .inst_box.pop02 .inner_area .inst_cont .com_input_form_area > .text_box {background-image: url('/images/home/kor/user/common/com_pop_icon02.png');}
.info_com_popup_cont .inst_box.pop03 .inner_area .inst_cont .com_input_form_area > .text_box {background-image: url('/images/home/kor/user/common/com_pop_icon03.png');}
.info_com_popup_cont .inst_box.pop04 .inner_area .inst_cont .com_input_form_area > .text_box {background-image: url('/images/home/kor/user/common/com_pop_icon04.png');}
.info_com_popup_cont .inst_box.pop05 .inner_area .inst_cont .com_input_form_area > .text_box {background-image: url('/images/home/kor/user/common/com_pop_icon04.png');}
.info_com_popup_cont .inst_box.pop06 .inner_area .inst_cont .com_input_form_area > .text_box {background-image: url('/images/home/kor/user/common/com_pop_icon06.png');}


.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area > .text_box .title {margin: 0 0 13px; font-weight: 700; font-size: 24px; line-height: 36px; color: #424242;}
.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area > .text_box .title .ft_c {color: #E45A52;}
.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area > .text_box .txt_list_area {}
.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area > .text_box .txt_list_area .list {}
.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area > .text_box .txt_list_area .list li {margin: 0 0 30px 0;}
.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area > .text_box .txt_list_area .list li:last-child {margin: 0;}
.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area > .text_box .txt_list_area .list li .text {font-weight: 500; font-size: 16px; line-height: 24px; color: #424242;}
.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area > .text_box .txt_list_area .list li .text.gray {font-size: 15px; line-height: 22px; color: #757575;}
.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area > .text_box .txt_list_area .list li .text.ft_s {font-weight: 300;}
.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area > .text_box .txt_list_area .list li .text .ft_b {font-weight: 700;}
.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area > .text_box .txt_list_area .list li .text .ft_c {color: #E7473D;}
.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area > .text_box .txt_list_area .list li .text .ft_c.sty2 {color: #33a19e;}

.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area > .text_box .txt_list_area.sty2 {display: inline-block; margin: 10px 0 0 0; padding: 20px 10px; border: 5px solid #eeeeee; border-radius: 20px;}

.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area > .text_box.noicontype{padding:40px 0 0 0;}
.info_com_popup_cont .inst_box .inner_area .inst_cont .ft_c_caution{color:#ed4040;}
.info_com_popup_cont .inst_box .inner_area .inst_cont .info_table_cont {margin:40px 0 0;}
.info_com_popup_cont .inst_box .inner_area .inst_cont .info_table_cont .table_inner_box {}
.info_com_popup_cont .inst_box .inner_area .inst_cont .info_table_cont .table_inner_box .table_area {width: 100%; border-collapse : collapse; border-spacing : 0;}
.info_com_popup_cont .inst_box .inner_area .inst_cont .info_table_cont .table_inner_box .table_area tbody {}
.info_com_popup_cont .inst_box .inner_area .inst_cont .info_table_cont .table_inner_box .table_area tbody tr {border-bottom: 1px solid #ebebeb;}
.info_com_popup_cont .inst_box .inner_area .inst_cont .info_table_cont .table_inner_box .table_area tbody tr th {padding: 14px 5px 14px 20px; border: 1px solid #e0e0e0; background-color: #f5f5f5; vertical-align: top;}
.info_com_popup_cont .inst_box .inner_area .inst_cont .info_table_cont .table_inner_box .table_area tbody tr th .tit {font-weight: 500; font-size: 16px; line-height: 28px; color: #424242;}
.info_com_popup_cont .inst_box .inner_area .inst_cont .info_table_cont .table_inner_box .table_area tbody tr td {padding: 8px 10px 8px 20px; border: 1px solid #e0e0e0; font-weight: 500; font-size: 16px; line-height: 28px; color: #5b5b5b;}


.info_com_popup_cont .inst_box.pop04 {max-width:570px;}
.info_com_popup_cont .inst_box.pop04 .inner_area .inst_cont .com_input_form_area {padding: 40px;}
.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area .info_area {}
.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area .info_area .title_area {border-bottom: 1px  solid #e0e0e0; padding: 0 0 18px;}
.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area .info_area .title_area .tag {}
.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area .info_area .title_area .tag .list {font-size: 0;}
.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area .info_area .title_area .tag .list li {display: inline-block; margin: 0 4px 0 0; vertical-align: top;}
.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area .info_area .title_area .tag .list li:last-child {margin: 0;}
.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area .info_area .title_area .tag .list li .txt {display: inline-block; padding: 0 9px; font-weight: 500;font-size: 13px; line-height: 24px; border-radius: 5px;}
.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area .info_area .title_area .tag .list li .txt.color1 {background-color: #fce9e8; color: #E7473D;}
.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area .info_area .title_area .tag .list li .txt.color2 {background-color: #eaeaea; color: #757575;}
.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area .info_area .title_area .title {height: 60px; margin: 16px 0 0; font-weight: 500; font-size: 20px; line-height: 30px; color: #424242; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area .info_area .title_area .title .green2 {color: #007a78;}
.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area .info_area .info {padding: 21px 0 0;}
.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area .info_area .info .list {}
.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area .info_area .info .list li {margin: 8px 0 0;}
.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area .info_area .info .list li:firts-child {margin: 0;}
.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area .info_area .info .list li .box {display: table; width: 100%; table-layout: fixed;}
.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area .info_area .info .list li .box .tit {display: table-cell; width: 83px; padding: 0 0 0 22px; background-position: left center; background-repeat: no-repeat; font-weight: 500; font-size: 15px; line-height: 22px; color: #616161; vertical-align: middle;}
.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area .info_area .info .list li .box .tit.icon1 {background-image: url('/images/home/kor/user/sub/info_icon1.png');}
.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area .info_area .info .list li .box .tit.icon2 {background-image: url('/images/home/kor/user/sub/info_icon2.png');}
.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area .info_area .info .list li .box .tit.icon3 {background-image: url('/images/home/kor/user/sub/info_icon3.png');}
.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area .info_area .info .list li .box .tit.icon4 {background-image: url('/images/home/kor/user/sub/info_icon4.png');}
.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area .info_area .info .list li .box .txt {display: table-cell; padding: 0 0 0 13px; font-weight: 500; font-size: 14px; line-height: 22px; color: #616161; vertical-align: middle;}
.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area .info_area .info .list li .box .txt .pink {color: #E7473D;}


/*pop07 댓글 수정*/
.info_com_popup_cont .inst_box .regist_area {font-size: 0;}
.info_com_popup_cont .inst_box .regist_area textarea {display: block; width: 100%; height: 90px; border: 1px solid #d9d9d9; padding: 5px 10px; resize: none; font-weight: 500; font-size: 15px; line-height: 22px; color: #424242; border-radius: 5px;}
.info_com_popup_cont .inst_box.pop07 > .inner_area > .inst_cont > .com_input_form_area > .cont_btn_list_area {margin: 20px 0 0 0;}
.info_com_popup_cont .inst_box.pop07 > .inner_area > .inst_cont > .com_input_form_area > .cont_btn_list_area > .list {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.info_com_popup_cont .inst_box.pop07 > .inner_area > .inst_cont > .com_input_form_area > .cont_btn_list_area > .list > li {width: 100%; margin: 0 10px 0 0;}
.info_com_popup_cont .inst_box.pop07 > .inner_area > .inst_cont > .com_input_form_area > .cont_btn_list_area > .list > li:last-child {margin: 0;}
.info_com_popup_cont .inst_box.pop07 > .inner_area > .inst_cont > .com_input_form_area > .cont_btn_list_area > .list > li > .btn {display: block; width: 100%; min-width: inherit;}

/* ==================== 레이어팝업 Style ==================== */

.clear_cont_area {}
.clear_cont_area .inner_box {border: 1px solid #eeeeee; padding: 60px 10px; border-radius: 20px; font-size: 0; text-align: center;}
.clear_cont_area .inner_box .text_box {display: inline-block; margin: 0 0 35px; padding: 194px 0 0; background-image: url('/images/home/kor/user/common/com_pop_icon05.png'); background-position: top center; background-repeat: no-repeat;}
.clear_cont_area .inner_box .text_box .title {margin: 0 0 11px; font-weight: 800; font-size: 24px; line-height: 36px; color: #424242;}
.clear_cont_area .inner_box .text_box .title .ft_c {color: #E7473D;}
.clear_cont_area .inner_box .text_box .text {font-weight: 500; font-size: 16px; line-height: 26px; color: #424242;}
.clear_cont_area .inner_box .cont_btn_list_area {margin: 0;}