@charset "utf-8";
@import url("common.css");
@import url('jquery-ui.css');

/* Layout */
html, body {width:100%;margin:0;padding:0;}
body {background:#fff; min-width:320px; min-height:100%; -webkit-text-size-adjust:none; /* -webkit-text-stroke-width:0.1px;*/
font-family:'Nanum Square','Droid Sans',sans-serif; font-size:16px; line-height:1.5; color:#666; letter-spacing:-0.04em; word-break:break-all; word-wrap:break-word;}

.wrapper {position:relative; display:block; text-align:center;}
.contents_wrap {padding:71px 0 0;}
.contents {position:relative; margin:40px 30px 55px;}
.contents:after {content:""; display:block; clear:both;}
.footer {text-align:center; font-size:12px; line-height:60px; color:#888; height:60px; border-top:1px solid #ddd; overflow:hidden;}

.wrapper_flex{display:flex; flex-direction:column; height:100vh; height:calc(var(--vh, 1vh) * 100);}
.wrapper_flex .contents_wrap,
.wrapper_flex .contents {display:flex; flex-direction:column; height:100%;}
.wrapper_flex .contents {margin-bottom:0;}
.wrapper_flex .contents > .btn_sticky,
.wrapper_flex .contents > .btn_bottom {margin-top:auto; padding-top:40px;}
.wrapper_flex .contents > .btn_sticky {bottom:unset;}

.wrapper_m {display:flex; flex-direction:column; height:100vh; height:calc(var(--vh, 1vh) * 100);}
.wrapper_m .contents_wrap{display:flex; flex-direction:column; height:100%;}
.wrapper_m .header {border-bottom:0;}
.wrapper_m .header h1 {display:inline-block; margin-top:21px; width:120px; height:30px; background:url(/assets/user/images/main_logo.png) no-repeat 50% 50%; background-size:120px auto;}
.wrapper_m h2 {margin-bottom:17px; color:#000; font-size:20px; line-height:1.1; text-align:left; font-weight:700;}
.wrapper_m footer {margin-top:auto;}

.loadingWrap {position: fixed; top:0; left:0; right:0; bottom:0; background-color: rgba(255,255,255,0.5); z-index: 2000;}
.loadingWrap span {display: block; position: absolute; top:50%; left:50%; width:90px; height:90px; margin: -45px auto auto -45px; border-radius:50%; background: rgba(0,0,0,.7) url(/assets/user/images/ico_load.png) no-repeat center 0 / 90px auto; overflow: hidden; -webkit-animation: mainLoading 0.5s steps(4,end) infinite; animation: mainLoading 0.5s steps(4,end) infinite;}
@-webkit-keyframes mainLoading {to{background-position: center -360px}}
@keyframes mainLoading {to{background-position: center -360px}}

/* header */
.header {position:fixed; top:0; left:0; width:100%; text-align:center; height:71px; border-bottom:1px solid #ddd; overflow:hidden; background:#fff; z-index:100;}
.header h1 {font-size:24px; line-height:70px; font-weight:bold; color:#000;}
.header button {display:block; position:absolute; top:9px; width:54px;}
.header button:after{content:''; display:block; height:54px;}
.header .btn_back {left:15px;}
.header .btn_back:after{background:url(/assets/user/images/btn_back.png) no-repeat 15px 50%; background-size:13px auto;}
.header .btn_menu {right:15px;}
.header .btn_menu:after{background:url(/assets/user/images/btn_menu.png) no-repeat 50% 50%; background-size:24px auto;}

/* gnb */
.gnb {display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background-color:rgba(0,0,0,0.4); overflow:hidden; z-index:900;}
.gnb_contain,
.quick_setting {display:flex; flex-direction:column; height:100vh; height:calc(var(--vh, 1vh) * 100); position:absolute; top:0; right:0; width:510px; background:#fff; z-index:1001; overflow:hidden;}
.gnb_head,
.q_set_head {background-color:#2b64ce;}
.gnb .top_btns {display:block; position:relative; height:71px; border-bottom:1px solid #245ac0;}
.gnb .top_btns .btn_gnb_home,
.gnb .top_btns .btn_gnb_close {position:absolute; top:8px; width:54px; height:54px;}
.gnb .top_btns .btn_gnb_home {left:15px; background:url(/assets/user/images/btn_gnb_home.png) no-repeat center center; background-size:24px auto;}
.gnb .top_btns .btn_gnb_close {right:13px; background:url(/assets/user/images/btn_gnb_close.png) no-repeat center center; background-size:20px auto;}
.gnb_user {padding:20px 30px 32px;}
.gnb_user .latest_date {display:block; color:#a9c7ff; font-size:16px; line-height:1.1; text-align:left;}
.gnb_user .info {display:block; margin:19px 0 40px; min-height:80px;}
.gnb_user .info:after {content:''; display:block; clear:both;}
.gnb_user .info .name {float:left; padding-top:7px; color:#fff; font-size:24px; line-height:1.3; text-align:left;}
.gnb_user .info .img {float:right; width:80px; height:80px; background-color:#194caa; border-radius:50%;}
.gnb_user .info .img img {width:80px; height:80px; border-radius:50%;}
.gnb_user .q_menu {display:flex; flex-direction:row; margin:0 -1.5px;}
.gnb_user .q_menu li {display:flex; margin:0 1.5px; width:25%;}
.gnb_user .q_menu li a,
.gnb_user .q_menu .btn_q_menu_add {display:flex; align-items:center; justify-content:center; word-break:keep-all; padding:0 5px; width:100%; height:70px; background-color:#225bc5; border:1px solid #1a50b3; border-radius:6px;}
.gnb_user .q_menu .btn_q_menu_add:focus {border-color:#1a50b3 !important;}
.gnb_user .q_menu li a {color:#67fdff; font-size:18px; line-height:1.2;}
.gnb_user .btn_area {margin-top:15px;}

.gnb_body,
.q_set_body {display:flex; flex-direction:column; position:relative; width:100%; height:100%; margin:0; background-color:#f8f8f8;}
.gnb_area {display:block; text-align:left;}
.gnb_area ul li {display:block; width:250px;}
.gnb_area ul li a {display:block; padding:15px 30px; color:#000; font-size:20px; line-height:40px;}
.gnb_area ul li.on > a {color:#2b64ce; font-weight:700; background-color:#fff;}
.gnb_area [class*=gnb_ico_] {display:inline-block; margin-right:5px; width:34px; height:34px; background-repeat:no-repeat; background-position:50% 50%; background-size:34px auto; vertical-align:middle;}
.gnb_area i.gnb_ico_card {background-image:url(/assets/user/images/gnb_ico_card.png);}
.gnb_area i.gnb_ico_state {background-image:url(/assets/user/images/gnb_ico_state.png);}
.gnb_area i.gnb_ico_result {background-image:url(/assets/user/images/gnb_ico_result.png);}
.gnb_area i.gnb_ico_reference {background-image:url(/assets/user/images/gnb_ico_reference.png);}
.gnb_area i.gnb_ico_notice {background-image:url(/assets/user/images/gnb_ico_notice.png);}
.gnb_area i.gnb_ico_set {background-image:url(/assets/user/images/gnb_ico_set.png);}
.sub_area {display:none; position:absolute; top:0; right:0; bottom:0; width:260px; background-color:#fff; overflow:auto; z-index:1}
.gnb_area ul li.on .sub_area {display:block;}
.sub_area ul.depth2 {padding-top:7px;}
.sub_area ul.depth2 li {width:100%;}
.sub_area ul.depth2 li a {color:#000; font-weight:700; padding:7.5px 30px;}
.sub_area ul.has_depth3 > li {margin-top:20px;}
.sub_area ul.has_depth3 > li:first-child {margin-top:0;}
.sub_area ul.depth3 li a {color:#666; font-weight:400;}

.gnb_contain > .btn_area,
.quick_setting > .btn_area {display:flex; flex-direction:column; margin:auto 0 0; width:100%; height:60px; background-color:#dee3e6;}
.quick_setting > .btn_area.btn2 {flex-direction:row;}
.quick_setting > .btn_area.btn2 .btn_txt {width:64%; border-radius:0;}
.quick_setting > .btn_area.btn2 .btn_txt:first-child {width:36%;}

.quick_setting {display:none;}
.q_set_head h2 {position:absolute; top:0; left:0; right:0; margin:0 80px; color:#fff; font-size:25px; line-height:70px; text-align:center;}
.q_set_body {overflow-y:auto; -webkit-overflow-scrolling:touch;}
.q_set_body section {display:block; padding:30px 30px 0; text-align:left;}
.quick_setting .chk_q_menu {margin-top:30px; padding:0; border:0;}
.quick_setting .chk_q_menu li:first-child .block {padding-top:0;}
.quick_setting .chk_q_menu li:last-child {border:0;}
.quick_setting .chk_q_menu .block {padding-bottom:0;}
.quick_setting .chk_q_menu .block .tit {line-height:1.1; margin-bottom:20px;}
.quick_setting .chk_group .ipt_area input[type='checkbox'] + label {font-size:20px;}
.quick_setting .chk_q_menu li:last-child .chk_group .ipt_area {margin-bottom:0;}

/* common */
.t_blue {color:#2b64ce !important;}
.t_red {color:#e80163 !important;}
.t_redDark {color:#e8010c !important;}
.t_black {color:#000 !important;}
.t_blackLight {color:#333 !important;}
.t_sky {color:#00879b !important;}
.t_skyLight {color:#67fdff !important;}
.t_gray {color:#666 !important;}

.mt0 {margin-top:0 !important;}
.mb0 {margin-bottom:0 !important;}
.mt11 {margin-top:11px !important;}
.mt14 {margin-top:14px !important;}
.mt20 {margin-top:20px !important;}
.mt40 {margin-top:40px !important;}
.mr25 {margin-right:25px !important;}
.ml25 {margin-left:25px !important;}
.ml_25 {margin-left:-25px !important;}

.txt_XXL {font-size:22px !important;}
.txt_XL {font-size:20px !important;}
.txt_L {font-size:18px !important;}
.txt_M {font-size:16px !important;}
.txt_S {font-size:14px !important;}

.accoBtn {outline:transparent !important;}

.blind {display:inline-block; position:absolute; width:1px; height:1px; margin:-1px; border:0; overflow:hidden; clip:rect(1px, 1px, 1px, 1px); clip-path:inset(50%);}
.left_con {float:left; position:relative; width:50%; text-align:left;}
.right_con {float:right; position:relative; width:50%; text-align:right;}
.display_table{display:table; width:100%; height:100%; table-layout:fixed;}
.display_cell{display:table-cell; text-align:center; vertical-align:middle;}
.scr_x_wrap {display:block; overflow-x:scroll; overflow-y:hidden;}

.no_data {height:200px; line-height:200px; text-align:center; border-top:1px solid #333; border-bottom:1px solid #e0e0e0;}
.no_data span{display:inline-block; position:relative; font-size:20px; line-height:1.5; vertical-align:middle;}
.no_data span:before {content:''; display:block; margin-bottom:30px; padding:50px 0 0; background:url(/assets/user/images/ico_nodata.png) no-repeat 50% 0; background-size:50px auto;}
.msg {text-align:center; font-size:20px; line-height:1.5; color:#000;}
.msg.finish {padding:20px 0 0; font-size:30px;}
.msg.password {padding:20px 0 76px; font-size:30px;}
.msg.fail{padding:120px 0 0; font-size:30px;}
.msg p + p {margin-top:7px;}
.msg .date {color:#666; font-size:25px;}

.ico_alert {display:inline-block; width:50px; height:50px; margin-bottom:30px; background:url(/assets/user/images/ico_nodata.png) no-repeat 50% 0; background-size:50px auto;}
.ico_error {display:inline-block; width:50px; height:50px; margin-bottom:30px; background:url(/assets/user/images/ico_error.png) no-repeat 50% 0; background-size:50px auto;}
.ico_finish_M {display:inline-block; width:50px; height:50px; margin-bottom:30px; background:url(/assets/user/images/ico_finish_M.png) no-repeat 50% 0; background-size:50px auto;}
.ico_finish{display:inline-block; width:90px; height:90px; margin-bottom:40px; background:url(/assets/user/images/ico_finish.png) no-repeat 50% 0; background-size:90px auto;}
.ico_password{display:inline-block; width:90px; height:90px; margin-bottom:18px; background:url(/assets/user/images/ico_password.png) no-repeat 50% 0; background-size:90px auto;}
.ico_fail{display:inline-block; width:90px; height:90px; margin-bottom:18px; background:url(/assets/user/images/ico_fail.png) no-repeat 50% 0; background-size:90px auto;}
.tIco_need,
.tIco_complete{display:inline-block; position:relative; margin-right:20px; padding-left:42px; color:#e8010c; font-size:24px; font-weight:700; vertical-align:middle;}
.tIco_need i,
.tIco_complete i{display:block; position:absolute; top:50%; left:10px; width:21.5px; height:14px; margin-top:-7px; background:url(/assets/user/images/tIco_need.png) no-repeat 50% 50%; background-size:auto 14px;}
.tIco_complete {color:#2b64ce;}
.tIco_complete i{background-image:url(/assets/user/images/tIco_complete.png);}
.ico_mov_play {display:inline-block; width:40px; height:60px; background:url(/assets/user/images/ico_mov_play.png) no-repeat 50% 0; background-size:40px auto;}

.mark_req {display:inline-block; margin-left:5px; color:#e80163;}
.guide_txt {position:relative; min-height:20px; text-align:left; padding-left:30px; font-size:17px; color:#888;}
.guide_txt:before {content:''; display:inline-block; position:absolute; top:0; left:0; width:20px; height:20px; background:url(/assets/user/images/ico_guide.png) no-repeat 0 0; background-size:20px auto;}

.guide_txt.num_star {padding-left:8px;}
.guide_txt.num_star:before {content:'*'; top:3px; width:auto; height:auto; background:none;}
.guide_txt.num_square {padding-left:10px;}
.guide_txt.num_square:before {top:8px; width:3px; height:3px; background-color:#666;}
.guide_txt.num_remark {padding-left:16px;}
.guide_txt.num_remark:before {content:'※'; top:-1px; width:auto; height:auto; background:none;}
.guide_txt.num_dash {padding-left:12px;}
.guide_txt.num_dash:before {content:''; top:10px; width:6px; height:1px; background-color:#888;}
.guide_txt.num_dash.t_gray:before {background-color:#666;}
.guide_txt.no_ico {padding-left:0;}
.guide_txt.no_ico:before {display:none;}

.txt_list_tit {color:#000; text-align:left; font-size:20px; line-height:1.0;}
.txt_list + .txt_list_tit {margin:27px 0 0;}
.txt_list_tit + .txt_list {margin-top:5px;}
.txt_list {margin:15px 0 10px; counter-reset:count;}
.txt_list .txt_list {margin:10px 0;}
.txt_list > li {position:relative; margin-top:5px; color:#333; text-align:left; font-size:17px; line-height:1.5;}
.txt_list.half {font-size:0; text-align:left;}
.txt_list.half > li {display:inline-block; width:50%;}
/*.txt_list > li:before {display:inline-block; content:''; position:absolute; left:0; vertical-align:top;} 20221205 KMH 수정*/
.txt_list > li:before {display:inline-block; position:absolute; left:0; vertical-align:top;}
.txt_list > li:first-child {margin-top:0;}
.txt_list[class*=num_] > li {padding-left:25px;}
.txt_list.num_l > li:before {content:counter(count)'. '; counter-increment:count; top:1px; width:auto; height:auto; z-index:1;}
.txt_list.num_m > li:before {content:counter(count)' )'; counter-increment:count; top:1px; width:auto; height:auto; z-index:1;}
.txt_list.num_s > li:before {content:counter(count); counter-increment:count; top:4px; width:16px; height:16px; margin-right:10px; font-size:14px; border:1px solid #666; border-radius:50%; text-align:center; z-index:1;}
.txt_list[class*=num_].num_1 > li:before {content:'1';}
.txt_list[class*=num_].num_5 > li:before {content:'5';}
.txt_list.num_square > li {padding-left:10px;}
.txt_list.num_square > li:before {top:8px; width:3px; height:3px; background-color:#666;}
.txt_list.num_remark > li {padding-left:16px;}
.txt_list.num_remark > li:before {content:'※'; top:-1px;}
.txt_list.num_dash > li {padding-left:10px;}
.txt_list.num_dash > li:before {content:''; top:10px; width:6px; height:1px; background-color:#666;}
.txt_list.num_hangul > li {padding-left:25px;}
.txt_list.num_hangul > li > .count {position:absolute; top:0; left:0;}

/* tab */
.tab_wrap .tab_contents {padding:0;}
.tab_wrap .tab_panel {display:none; text-align:left;}
.tab_wrap .tab_panel.on {display:block;}

.tab_list {display:table; position:relative; width:100%; table-layout:fixed;}
.tab_list:after {content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:#dedede;}
.tab_list li {display:table-cell; width:inherit; position:relative; height:60px; color:#666; font-size:20px; text-align:center; vertical-align:middle; cursor:pointer; outline:transparent;}
.tab_list li.on {color:#2b64ce; font-weight:700; z-index:1;}
.tab_list li.on:before {content:''; position:absolute; bottom:0; right:0; left:0; height:3px; background-color:#2b64ce;}

.tab_list.tab_bg  {background-color:#fff;}
.tab_list.tab_bg > li {height:55px; border:1px solid #dedede; border-right:none; color:#333; font-size:18px;}
.tab_list.tab_bg > li:last-child {border:1px solid #dedede;}
.tab_list.tab_bg > .on {border-color:#2b64ce !important; background-color:#2b64ce; color:#fff; font-weight:400;}
.tab_list.tab_bg > .on + li {border-left-color:#2b64ce;}
.join_frm .tab_list.tab_bg > li {height:70px; font-size:24px;}
.join_frm .tab_list.tab_bg > .on {font-weight:700;}

.main_tab {background-color:#f2f2f2;}
.main_tab li {height:40px; padding-top:2px; border:1px solid transparent; border-bottom-color:#333; color:#666; font-size:16px;}
.main_tab li.on {border-color:#333; border-bottom-color:#fff; background-color:#fff; color:#000;}
.main_tab li.on:before {display:none;}

.terms_contents {padding:15px 0 10px; color:#333; text-align:left; font-size:17px; line-height:1.5;}
.terms_contents em,
.terms_contents h4 {display:block; margin:20px 0 5px; color:#000; font-size:18px;}
.terms_contents em:first-child,
.terms_contents h4:first-child {margin-top:0;}
.terms_contents .txt_list > li {margin-top:0; font-size:16px;}
.terms_contents .board_area {margin-bottom:10px;}
.terms_contents .board_area [class^=table] th,
.terms_contents .board_area [class^=table] td {padding:20px; height:50px; font-size:16px; line-height:1.5; border-color:#ededed;}
.terms_contents .board_area [class^=table] th {color:#000;}
.terms_contents .board_area [class^=table] td {color:#666; text-align:left;}

/* form */
.addr_wrap .iptWrap + .iptWrap {margin-top:15px;}

.sign_canvas {display:block; position:relative; height:100px; background-color:#f8f8f8; border:1px solid #dedede; border-radius:4px; outline:transparent;}
.sign_canvas .placeholder,
.sign_canvas .bg {display:block; position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; color:#aaa; font-size:80px; line-height:100px; outline:transparent;}
.sign_canvas canvas {position:relative; width:100%; height:100%; border-radius:4px; outline:transparent; z-index:1;}
.sign_canvas.on .placeholder {display:none;}

.toggle_switch {display:inline-block; position:relative; margin:0; padding:3px 0 0; font-size:0;}
.toggle_switch input {position:absolute; top:0; width:20px; height:20px; opacity:0; z-index:0;}
.toggle_switch input + label {display:inline-block; position:relative; width:70px; height:35px; background-color:#888; border-radius:17.5px; cursor:pointer; box-shadow:0 3px 6px -6px #000 inset; transition:background 0.4s; -webkit-box-shadow:0 3px 6px -6px #000 inset; -webkit-transition:background 0.4s; -moz-transition:background 0.4s; -o-transition:background 0.4s;}
.toggle_switch input + label:after {content:''; display:block; position:absolute; top:3px; right:3px; bottom:0; margin-right:34px; width:29px; height:29px; border:1px solid #888; background-color:#fff; border-radius:50%; box-sizing:border-box; transition:margin 0.4s; -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.15); box-shadow:0 1px 2px rgba(0, 0, 0, 0.15); -webkit-transition:margin 0.4s; -moz-transition:margin 0.4s; -o-transition:margin 0.4s;}
.toggle_switch input + label:before {display:none;}
.toggle_switch input + label > span {position:absolute; top:0; right:0; width:45px; height:35px; color:#fff; font-size:16px; line-height:35px; text-align:center; overflow:hidden;}
.toggle_switch input + label .off {display:none;}
.toggle_switch input + label .on {display:none; right:auto; left:0;}
.toggle_switch input:checked + label {background-color:#2b64ce;}
.toggle_switch input:checked + label:after {margin-right:0; border-color:#2b64ce;}
.toggle_switch input:checked + label .on {display:inline-block;}

.legend {margin-top:60px; color:#000; font-size:30px; line-height:1.1; font-weight:700;}
.legend em {font-weight:400;}
.ipt_area label {margin-right:30px;}
.filebox{display:inline-block; position:relative; padding:0 100px 0 0; height:50px;}
.filebox label {display:inline-block; position:absolute; top:0; right:0; width:100px; height:50px; font-size:17px; line-height:50px; color:#000; background:#fff; border:1px solid #ccc; border-radius:3px; cursor:pointer; box-sizing:border-box; text-align:center;}
.filebox input[type="file"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0 none;}
.date_box{display:block;}
.date_box:after {content:''; display:block; clear:both;}
.date_box .day_box{float:left; width:50%;}
.date_box .sltWrap{float:left; width:calc(25% - 20px); margin:0 0 0 20px;}

.set_date {display:block;}
.set_date:after {content:''; display:block; clear:both;} 
.set_date .setHalf {float:left; width:calc(100% - 190px);}
.set_date .ipt_list {float:right; width:170px;}

.keypad {position:relative;}
.keypad .ipt {padding-top:0; padding-right:10px; vertical-align:top;}
.keypad .ipt[readonly] {background-color:inherit;}
.keypad .btnIco_del{display:none !important;}
.keypad > span {display:inline-block; position:relative; top:-70px; margin:0 3px; width:15px; height:15px; border-radius:50%; background-color:#acacac;}
.keypad > span.on {background-color:#000;}
.keypad > span:first-of-type {margin-left:30px;}
.keypad .txt {position:absolute; top:15px; right:10px; margin:0 !important; width:auto; height:auto; font-size:17px !important; background-color:transparent; line-height:48px; text-align:right;}
.keypad.add_txt > span:first-of-type {margin-left:inherit;}

.chk_group  {font-size:0;}
.chk_group .ipt_area {display:inline-block; width:50%; margin-bottom:20px;}
.chk_group .ipt_area label {margin-right:10px;}
.chk_group .ipt_area input[type='checkbox'] + label {padding-top:5px; color:#000; font-size:22px; line-height:30px; min-height:40px;}

.ipt_group {text-align:left; margin-left:-26px;}
.ipt_group li {display:inline-block; margin:11px 0 9px 26px;}

/* 최대 9개까지 라운드 표현됨 */
.ipt_list {display:flex; flex-flow:row wrap; width:100%;}
.ipt_list li {display:table; position:relative; padding:0;}
.ipt_list .ipt + label {display:table-cell; text-align:center; vertical-align:middle; height:55px; background-color:#fff; color:#000; font-size:18px; line-height:30px; padding:0;}
.ipt_list .ipt + label:before {display:none;}
.ipt_list .ipt + label:after {content:''; position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid #dedede; border-left:none; box-sizing:border-box; z-index:1;} 
.ipt_list .ipt:checked + label {color:#2b64ce; z-index:10;}
.ipt_list .ipt:checked + label:after {left:-1px; border:1px solid #2b64ce; z-index:2;}
.ipt_list li:nth-child(1) .ipt:checked + label:after {left:0;}
.ipt_list .logo {display:inline-block; height:60px; line-height:30px; vertical-align:middle;}
.ipt_list .logo img {max-height:60px; vertical-align:middle;}
.ipt_list.brand .ipt + label,
.ipt_list.ipt_list_line2 .ipt + label {height:90px !important;}
.ipt_list.design .ipt + label {height:176px !important;}
.ipt_list.design .design {display:inline-block; height:176px; line-height:176px; vertical-align:middle;}
.ipt_list.design .design img {max-width:124px; max-height:124px; vertical-align:middle;}

.ipt_list li:nth-child(1):last-child {width:100%;}
.ipt_list li:nth-child(1):nth-last-child(2),
.ipt_list li:nth-child(1):nth-last-child(2) ~ li {width:50%;}
.ipt_list li:nth-child(1):nth-last-child(3), .ipt_list li:nth-child(1):nth-last-child(3) ~ li,
.ipt_list li:nth-child(1):nth-last-child(4), .ipt_list li:nth-child(1):nth-last-child(4) ~ li,
.ipt_list li:nth-child(1):nth-last-child(5), .ipt_list li:nth-child(1):nth-last-child(5) ~ li,
.ipt_list li:nth-child(1):nth-last-child(6), .ipt_list li:nth-child(1):nth-last-child(6) ~ li,
.ipt_list li:nth-child(1):nth-last-child(7), .ipt_list li:nth-child(1):nth-last-child(7) ~ li,
.ipt_list li:nth-child(1):nth-last-child(8), .ipt_list li:nth-child(1):nth-last-child(8) ~ li,
.ipt_list li:nth-child(1):nth-last-child(9), .ipt_list li:nth-child(1):nth-last-child(9) ~ li {width:calc(100% / 3);}

/* 1row-4col 표시 */
.case_col4.ipt_list li:nth-child(1):nth-last-child(4), .ipt_list li:nth-child(1):nth-last-child(4) ~ li {width:calc(100% / 4);}

.ipt_list li:nth-child(1) label:after,
.ipt_list li:nth-child(4) label:after,
.ipt_list li:nth-child(7) label:after {border-left:1px solid #dedede;}
.ipt_list li:nth-child(4) .ipt:checked + label:after,
.ipt_list li:nth-child(7) .ipt:checked + label:after {left:0; border:1px solid #2b64ce;}
.ipt_list li:nth-child(4) label:after,
.ipt_list li:nth-child(5) label:after,
.ipt_list li:nth-child(6) label:after,
.ipt_list li:nth-child(7) label:after,
.ipt_list li:nth-child(8) label:after,
.ipt_list li:nth-child(9) label:after  {margin-top:-1px;}

/* li 1번*/
.ipt_list li:nth-child(1):nth-last-child(1) label:after {border-radius:4px;}
.ipt_list li:nth-child(1):nth-last-child(2) label:after,
.ipt_list li:nth-child(1):nth-last-child(3) label:after {border-radius:4px 0 0 4px;}
.ipt_list li:nth-child(1):nth-last-child(4) label:after,
.ipt_list li:nth-child(1):nth-last-child(5) label:after,
.ipt_list li:nth-child(1):nth-last-child(6) label:after,
.ipt_list li:nth-child(1):nth-last-child(7) label:after,
.ipt_list li:nth-child(1):nth-last-child(8) label:after,
.ipt_list li:nth-child(1):nth-last-child(9) label:after {border-radius:4px 0 0 0;}

/* li 2번 ~ 9번*/
.ipt_list li:nth-child(1):nth-last-child(2) ~ li:nth-child(2) label:after,
.ipt_list li:nth-child(1):nth-last-child(3) ~ li:nth-child(3) label:after {border-radius:0 4px 4px 0;}
.ipt_list li:nth-child(1):nth-last-child(4) ~ li:nth-child(3) label:after,
.ipt_list li:nth-child(1):nth-last-child(5) ~ li:nth-child(3) label:after {border-radius:0 4px 4px 0;}
.ipt_list li:nth-child(1):nth-last-child(6) ~ li:nth-child(3) label:after,
.ipt_list li:nth-child(1):nth-last-child(7) ~ li:nth-child(3) label:after,
.ipt_list li:nth-child(1):nth-last-child(8) ~ li:nth-child(3) label:after,
.ipt_list li:nth-child(1):nth-last-child(9) ~ li:nth-child(3) label:after {border-radius:0 4px 0 0;}
.ipt_list li:nth-child(1):nth-last-child(4) ~ li:nth-child(4) label:after { border-radius:0 0 4px 4px;}
.ipt_list li:nth-child(1):nth-last-child(5) ~ li:nth-child(4) label:after,
.ipt_list li:nth-child(1):nth-last-child(6) ~ li:nth-child(4) label:after {border-radius:0 0 0 4px;}
.ipt_list li:nth-child(1):nth-last-child(5) ~ li:nth-child(5) label:after {border-radius:0 0 4px 0;}
.ipt_list li:nth-child(1):nth-last-child(6) ~ li:nth-child(6) label:after {border-radius:0 0 4px 0;}
.ipt_list li:nth-child(1):nth-last-child(7) ~ li:nth-child(6) label:after,
.ipt_list li:nth-child(1):nth-last-child(8) ~ li:nth-child(6) label:after {border-radius:0 0 4px 0;}
.ipt_list li:nth-child(1):nth-last-child(7) ~ li:nth-child(7) label:after { border-radius:0 0 4px 4px;}
.ipt_list li:nth-child(1):nth-last-child(8) ~ li:nth-child(7) label:after,
.ipt_list li:nth-child(1):nth-last-child(9) ~ li:nth-child(7) label:after {border-radius:0 0 0 4px;}
.ipt_list li:nth-child(1):nth-last-child(8) ~ li:nth-child(8) label:after {border-radius:0 0 4px 0;}
.ipt_list li:nth-child(1):nth-last-child(9) ~ li:nth-child(9) label:after {border-radius:0 0 4px 0;}

.ipt_list.has_agency > li {width:25% !important;}
.ipt_list.has_agency > li:first-child label:after {border-radius:4px 0 0 4px !important;}
.ipt_list.has_agency > li:nth-child(3) label:after {border-radius:0 !important;}
.ipt_list.has_agency > li .sltWrap {height:100%; margin:0;}
.ipt_list.has_agency > li .sltWrap button:after {content:''; position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid #e8e8e8; border-left:none;}
.ipt_list.has_agency > li .sltWrap button:after {left:-1px; border:1px solid #dedede; border-radius:0 4px 4px 0;}
.ipt_list.has_agency > li.on .sltWrap button:after {border-color:#2b64ce; z-index:2;}
.ipt_list.has_agency > li.on .sltWrap select {color:#2b64ce;}
.ipt_list.has_agency > li .sltWrap .ipt {border:0;}

/* btn */
.btn_area {display:block; position:relative; margin-top:40px; font-size:0; text-align:center;}
.btn_area:after {content:""; display:block; clear:both;}
.btn_area_l,
.btn_area.left_con{text-align:left;}
.btn_area_r,
.btn_area.right_con{text-align:right;}

.btn_file {display:inline-block; position:relative; margin:10px 15px 10px 0; padding-left:20px; font-size:18px; color:#000;}
.btn_file:before {content:''; position:absolute; top:50%; left:0; width:14px; height:20px; margin-top:-10px; background:url(/assets/user/images/btn_file.png) no-repeat 0 0; background-size:14px auto;}
.btn_date{display:block; width:100%; position:relative; text-align:left; padding:0 46px 0 10px; border-bottom:1px solid #dedede; background-color:#fff; font-size:20px; line-height:55px; cursor:pointer;}
.btn_date:after{content:''; display:block; position:absolute; top:50%; right:10px; width:26px; height:26px; margin-top:-13px; background:url(/assets/user/images/btn_date.png) no-repeat 0 0; background-size:26px auto;}
.btn_file_del{display:inline-block; width:30px; height:30px; border-radius:50%; background:#dee3e6 url(/assets/user/images/btn_file_del.png) no-repeat 0 0; background-size:30px auto;}
.btn_compare{display:inline-block; position:relative; margin-right:10px; padding:3px 40px 0 32px; height:55px; color:#000; font-size:18px; font-weight:bold; line-height:55px;}
.btn_compare i{display:block; position:absolute; top:0; left:0; width:26px; height:55px; background:url('/assets/user/images/btn_compare.png') no-repeat 50% 50%; background-size:26px auto;}
.btn_compare .num{display:block; position:absolute; top:50%; right:0; width:30px; margin-top:-12px; color:#fff; font-size:16px; line-height:24px; background-color:#2b64ce; border-radius:13px;}
.btn_more {display:block; width:100%; height:50px; border-radius:3px; background-color:#dee3e6; color:#333; font-size:17px; line-height:50px;}
.btn_more i {display:inline-block; width:15px; height:50px; margin-left:10px; background:url(/assets/user/images/btn_more.png) no-repeat 0 50%; background-size:15px auto; vertical-align:top;}
.btn_srch {display:block; width:100%; height:55px; padding-top:2px; text-align:center; color:#fff; font-size:18px; line-height:55px; border-radius:3px; background-color:#546d82;}
.btn_srch i {display:inline-block; margin-top:-2px; width:20px; height:55px; margin-right:10px; background:url(/assets/user/images/btn_srch.png) no-repeat 0 50%; background-size:20px auto; vertical-align:top;}
.btnIco_comparePlus{display:inline-block; position:relative; padding:0 13px; height:50px; color:#000; font-size:17px; line-height:50px; background:#fff; color:#000; border:1px solid #ccc; border-radius:3px;}
.btnIco_comparePlus i{display:inline-block; margin-right:7px; width:20px; height:20px; border:1px solid #666; background:url('/assets/user/images/btnIco_comparePlus.png') no-repeat 50% 50%; background-size:8px auto; border-radius:50%; vertical-align:text-bottom;}
.btn_shoot {display:inline-block; width:182px; height:65px; border-radius:4px; background-color:#fff; color:#000; border:1px solid #ccc; font-size:22px; font-weight:700; line-height:65px;}
.btn_shoot i {display:inline-block; width:39px; height:65px; margin-right:10px; background:url(/assets/user/images/btn_shoot.png) no-repeat 0 50%; background-size:39px auto; vertical-align:top;}
.btnIco_acco {position:absolute; top:50%; right:15px; width:50px; height:50px; margin-top:-25px; background:url(/assets/user/images/btn_acco.png) no-repeat 50% 50%; background-size:auto 11px; transition:transform 0.5s;}
.btn_card_del{display:inline-block; width:30px; height:30px; border-radius:50%; background:#000 url(/assets/user/images/btn_card_del.png) no-repeat 0 0; background-size:30px auto;}
.btnIco_cardAdd {display:inline-block; padding:20px 50px 19px; color:#aaa; font-size:16px; background-color:#f8f8f8; border:1px solid #ededed; border-radius:4px;}
.btnIco_cardAdd i {display:block; margin:0 auto 2px; width:34px; height:34px; background:url(/assets/user/images/btnIco_cardAdd.png) no-repeat 50% 50%; background-size:34px auto;}
.btn_q_menu_set {display:inline-block; padding-top:2px; color:#a9c7ff; font-size:16px; line-height:32px;}
.btn_q_menu_set i {display:inline-block; margin-left:10px; margin-top:-2px; width:24px; height:34px; background:url(/assets/user/images/btn_q_menu_set.png) no-repeat 50% 50%; background-size:24px auto; vertical-align:top;}
.btn_q_menu_add {display:block; background:url(/assets/user/images/btn_q_menu_add.png) no-repeat 50% 50%; background-size:34px auto;}
.btn_logout {display:flex; margin:auto; padding:10px; color:#333; font-size:20px; line-height:20px;}
.btn_logout i {display:inline-block; margin-right:10px; width:18px; height:20px; background:url(/assets/user/images/gnb_logout.png) no-repeat 50% 50%; background-size:auto 20px;}
.btn_help {display:inline-block; position:relative; margin-left:5px; margin-top:-3px; width:30px; height:30px; background:url(/assets/user/images/ico_guide.png) no-repeat 50% 50%; background-size:20px auto; vertical-align:middle; z-index:1;}

.btn_quick_top ,
.btn_quick_save {display:block; position:fixed; bottom:30px; right:30px; width:60px; height:60px; border:1px solid #ccc; border-radius:50%; z-index:10; box-shadow:5px 5px 10px rgba(0,0,0,0.1);}
.btn_quick_top span {display:inline-block; position:absolute; width:1px; height:1px; margin:-1px; border:0; overflow:hidden; clip:rect(1px, 1px, 1px, 1px); clip-path:inset(50%);}
.btn_quick_save span {display:inline-block; width:32px; color:#fff; font-size:15px; line-height:16px;}
.btn_quick_save {background:rgba(51,51,51, 0.9); border:0;}
.btn_quick_top {background:rgba(255,255,255, 0.9) url(/assets/user/images/btn_quick_top.png) no-repeat 50% 50%; background-size:60px auto; transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s;}
.btn_quick_save + .btn_quick_top {bottom:105px;}
.btn_quick_top {display:none;}

.btnTxt_compare {display:inline-block; position:relative; padding:0 13px; height:50px; color:#000; font-size:17px; line-height:50px; background:#fff; color:#000; border:1px solid #ccc; border-radius:3px; vertical-align:middle;}
.btnTxt_compare .num{display:inline-block; margin-left:7px; padding-top:2px; width:30px; color:#fff; font-size:16px; line-height:22px; background-color:#2b64ce; border-radius:13px; vertical-align:text-bottom;}

.btn_link {display:inline-block; vertical-align:middle; white-space:nowrap;}
.btn_txt{display:inline-block; min-width:140px; height:55px; padding:0 10px; text-align:center; font-size:18px; border-radius:3px;}
a.btn_txt, span.btn_txt	{line-height:55px;}
.btn_txt[disabled]{background:#aaa; color:#fff;}
.btn_txt b {vertical-align:text-bottom;}

.btn_h40 {height:40px; font-size:17px;}
a.btn_h40, span.btn_h40 {line-height:40px;}
.btn_h50 {height:50px; font-size:17px;}
a.btn_h50, span.btn_h50 {line-height:50px;}
.btn_h65 {height:65px; font-size:24px;}
a.btn_h65, span.btn_h65 {line-height:65px;}
.btn_h70 {height:70px;}
a.btn_h70, span.btn_h70 {line-height:70px;}

.btn_w90{min-width:auto; width:90px;}
.btn_w110{min-width:auto; width:110px;}
.btn_w125{min-width:auto; width:125px;}
.btn_w140{min-width:auto; width:140px;}

.btn_size_xs {min-width:auto; width:62px; height:40px; font-size:17px;}
a.btn_size_xs, span.btn_size_xs {line-height:40px;}

.btn_p {background:#2b64ce; color:#fff;}/*Primary Button(긍정/다음/수정)*/
.btn_p_line {background:#fff; color:#2b64ce; border:1px solid #2b64ce;}
.btn_s {background:#dee3e6; color:#333;}/*Secondary Button(부정/이전/삭제) */
.btn_i {background:#000; color:#fff;}/*Important Button(중요)*/
.btn_d {background:#546d82; color:#fff;}/*Dark Button(조회/강조/목록)*/
.btn_l {background:#fff; color:#333; border:1px solid #ccc;}/*Light Button(보조)*/
.btn_dis {background:#aaa; color:#fff;}/*Disabled (비활성화)*/
.btn_terms {background:#f8f8f8; color:#aaa; border:1px solid #dedede;}

.btn_red {background:#fff; color:#e8010c; border:1px solid #e8010c;}
.btn_gray {background:#fff; color:#546d82; border:1px solid #546d82;}
.btn_sky {background:#fff; color:#00879b; border:1px solid #00879b;}

.btn_area.btn1 .btn_txt{width:100%;}
.btn_area.btn2 .btn_txt,
.btn_area.btn3 .btn_txt {margin:0 5px;}
.btn_area.btn2 .btn_txt {float:right; width:calc(64% - 5px); margin:0;}
.btn_area.btn2 .btn_txt:first-child {float:left; width:calc(36% - 5px); margin:0;}

.btn_area.btn_area_l .btn_txt {margin:0 10px 0 0;}
.btn_area.btn_area_r .btn_txt {margin:0 0 0 10px;}

.btn2.half .btn_txt,
.btn2.half .btn_txt:first-child {width:calc(50% - 5px); margin:0;}
.btn_area.btn_sticky {position:relative; bottom:-55px; margin:0 -30px;}
.btn_area.btn_sticky .btn_txt {margin:0 !important; border-radius:0 !important;}
.btn_area.btn_sticky.btn2 .btn_txt {width:64%;}
.btn_area.btn_sticky.btn2 .btn_txt:first-child {width:36%;}
.btn_area.btn_bottom {position:fixed; bottom:0; left:0; right:0;}
.btn_bottom .btn_txt {margin:0 !important; border-radius:0 !important;}

/* board */
.board_area {display:block; position:relative;}
.board_area:after {content:""; display:block; clear:both;}
.board_area .no_data {margin-top:10px;}

.board_srch {position:relative; margin-bottom:60px; background-color:#fff;}
.board_srch p{margin:0 0 30px; text-align:left; color:#333; font-size:18px;}
.board_srch .ipt {padding-right:75px;}
.board_srch .ipt.ipt_big {padding-right:85px;}
.board_srch .ipt + .btnIco_del {right:41px;}
.board_srch .ipt_big + .btnIco_del {right:51px;}
.board_srch .btnIco_srch {position:absolute; top:0; right:0;}
.board_srch .box {position:relative; padding-left:100px; margin-top:20px;}
.board_srch .box:first-child {margin-top:0;}
.board_srch .box .tit {position:absolute; top:0; left:0; color:#000; font-size:20px; line-height:55px; font-weight:bold;}
.board_srch .date_box{display:block;}
.board_srch .date_box:after {content:''; display:block; clear:both;}
.board_srch .date_box .day_box{float:left; width:50%;}
.board_srch .date_box .sltWrap{float:left; width:calc(25% - 20px); margin:0 0 0 20px;}
.board_srch .date_box .sltWrap{width:calc(50% - 10px); margin:0;}
.board_srch .date_box .sltWrap:nth-child(2n) {float:right;}
.board_srch .srch_box{position:relative; padding-left:225px;}
.board_srch .srch_box .sltWrap{position:absolute; top:0; left:0; width:215px; margin:0;}
.board_srch .ipt.date,
.board_srch .ipt.month,
.board_srch .frm .ipt {padding-right:10px;}
.board_srch .frm .ipt + .btnIco_del {right:1px;}

.board_srch.board_srch_date {border:0;}
.board_srch.board_srch_date .btn_area {margin-top:30px;}

.card_srch_wrap{margin:20px 0;}
.card_srch_wrap:after {content:''; display:block; clear:both;}
.card_srch_wrap .board_srch{ border:0 none;}
.card_srch_wrap .left_con {width:calc(100% - 185px); margin:0;}
.card_srch_wrap .right_con {width:185px;}

.board_srch_wrap .board_srch .box {padding:0; margin:57px 0 0;}
.board_srch_wrap .board_srch > .box:first-child {margin-top:0;}
.board_srch_wrap .board_srch .box .tit {display:block; position:relative; margin-bottom:15px; line-height:1.2;}
.board_srch_wrap .board_srch .box .sltWrap {margin:0;}

.board_info {display:block;}
.board_info:after {content:""; display:block; clear:both;}
.board_info .info {float:left; font-size:17px; line-height:1.0; color:#888;}
.board_info .info .mark_req {margin:0 5px 0 0;}
.board_info .info em {color:#2b64ce;}
.board_info .date {float:left; position:relative; font-size:17px; line-height:1.0; color:#888;}
.board_info .info + .date {margin-left:15px; padding-left:15px;}
.board_info .info + .date:after {content:''; display:block; position:absolute; top:50%; left:0; width:1px; height:14px; margin-top:-8px; background:#ccc;}
.board_info .info_right {float:right; text-align:right;}
.board_info .sort {float:right; font-size:0; line-height:0;}
.board_info .sort li {float:left; position:relative; padding:0 15px;}
.board_info .sort li:last-child {padding-right:0;}
.board_info .sort li:after {content:''; display:block; position:absolute; top:50%; left:0; width:1px; height:14px; margin-top:-8px; background:#ccc;}
.board_info .sort li:first-child:after {display:none;}
.board_info .sort li input {position:absolute; top:0; left:-999999%;}
.board_info .sort li label {display:inline-block; position:relative; padding-left:20px; font-size:18px; line-height:20px;}
.board_info .sort li label:before {content:''; display:block; position:absolute; top:50%; left:0; width:20px; height:20px; margin-top:-10px; border:0; overflow:hidden; background:url(/assets/user/images/bbs_sort_down.png) no-repeat 100% 100%; background-size:20px auto;}
.board_info .sort li:first-child label:before {background-image:url(/assets/user/images/bbs_sort_up.png);}
.board_info .sort li input:checked + label {color:#2b64ce;}
.board_info .sort li input:checked + label:before {background-position:0 0;}

.board_info .sort.sort_chk li label{padding-left:0;}
.board_info .sort.sort_chk li label:before {background-image:none;}
.board_info .sort.sort_chk li input:checked + label{padding-left:20px;}
.board_info .sort.sort_chk li input:checked + label:before {background-image:url(/assets/user/images/bbs_sort_chk.png);}

.board_info.ac .info {float:none;}
.board_info .guide {display:block; font-size:18px; line-height:1.4; color:#333; text-align:left;}
.board_info .guide em {color:#2b64ce;}

.board_head{display:table; width:100%; height:80px; padding:0 60px 0 0; margin-top:15px; border-top:1px solid #333; border-top:1px solid #ccc; table-layout:fixed;}
.board_head li {display:table-cell; text-align:center; vertical-align:middle; padding:0 10px; width:23.5%; color:#333; font-size:18px;}
.board_head li:first-child {width:29.5%;}

/* table 공통 */
.board_area [class^=table] {position:relative; margin-top:15px; border-top:1px solid #333; background-color:#fff;}
.board_area [class^=table]:before {content:''; position:absolute; top:-1px; bottom:-1px; left:-1px; border-left:2px solid #fff;}
.board_area [class^=table] th,
.board_area [class^=table] td {padding:40px 20px; color:#333; font-size:18px; line-height:20px; border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0;}
.board_area [class^=table] th {background-color:#f8f8f8; font-weight:400;}
.board_area [class^=table] td {font-size:20px; line-height:30px;}
.board_area [class^=table] td.cont {text-align:left;}
.board_area [class^=table] td.date {color:#888; font-size:17px; line-height:24px;}

.board_area .table_list_x th {height:80px; padding:0; border-left:0; background-color:#fff;}
.board_area .table_list_x td {padding-left:0; padding-right:0; border-left:0;}
.board_area .table_list_x td.cont {padding-left:20px; padding-right:20px;}
.board_area .table_list_x td .date {display:block; margin-top:-2px; color:#888; font-size:17px; line-height:24px;}
.board_area .table_list_x td button {margin:2px 0;}
.board_area [class^=table] .rdo label {width:40px; height:40px; font-size:1px; padding:0; overflow:hidden;}

/* board */
.board_table{display:table; position:relative; margin-top:15px; width:100%; table-layout:fixed; border-collapse:separate; white-space:nowrap; background-color:#fff;}
.board_table:before {content:''; display:block; position:absolute; top:-1px; bottom:-1px; left:-1px; border-left:2px solid #fff;}
.board_table:after {content:''; display:block; position:absolute; top:0; left:0; right:0; height:1px; background-color:#333;}
.board_table .thead {display:table-header-group;}
.board_table .tbody {display:table-row-group;}
.board_table .row {display:table-row;}
.board_table .cell{display:table-cell; padding:40px 20px; text-align:center; color:#333; border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; vertical-align:middle;}
.board_table .cell.th {height:80px; padding:0; color:#333; font-size:18px; line-height:20px;}
.board_table .cell.td {color:#000; font-size:20px; line-height:30px;}

.scr_x_wrap .board_table{min-width:100%; width:auto; table-layout:auto; border-collapse:collapse;}

.board_list {border-top:1px solid #333; margin-top:15px;}
.board_list li {border-bottom:1px solid #e0e0e0; text-align:left;} 
.board_list .block {display:block; position:relative; padding:30px 90px 40px 0;}
.board_list .block:after {content:''; display:block; position:absolute; top:50%; right:0; width:30px; height:30px; margin-top:-15px; background:url(/assets/user/images/board_list_arrow.png) no-repeat 50% 50%; background-size:10px auto;}
.board_list .block.no_btn {padding-right:0;}
.board_list .block.btn_cell {padding-right:141px;}
.board_list .block.rdo_cell {padding:36px 0 30px 50px;}
.board_list .block.no_btn:after,
.board_list .block.btn_cell:after,
.board_list .block.rdo_cell:after {display:none;}
.board_list .block .badge {display:inline-block; margin:0 0 16px; padding:0 10px; height:28px; font-size:17px; line-height:28px; color:#fff; background:#546d82; border-radius:3px;}
.board_list .block .badge2 {display:inline-block; margin:0 0 16px; padding:0 10px; height:28px; font-size:17px; line-height:28px; color:#fff; background:#de476a; border-radius:3px;}
.board_list .block .tit {display:block; display:-webkit-box; color:#000; font-size:22px; line-height:30px; max-height:60px; text-overflow:ellipsis; white-space:normal; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.board_list .block .info {font-size:17px; line-height:28px; color:#888;}
.board_list .block .cate {display:inline-block; color:#546d82; vertical-align:middle;}
.board_list .block .ico_new {display:inline-block; max-width:20px; margin-left:4px;}
.board_list .block .date {display:block; margin-top:7px; color:#888;}
.board_list .block .btn {position:absolute; top:50%; right:0; margin-top:-20px;}
.board_list .block .rdo {position:absolute; top:30px; left:0;}
.board_list .block .rdo label {width:40px; height:40px; font-size:1px; padding:0; overflow:hidden;}

.chk_data_list .block {padding:0;}
.chk_data_list .block:after {display:none;}
.chk_data_list .block .ipt,
.chk_data_list .block label:before {position:absolute; top:30px; left:20px;}
.chk_data_list .block label {display:block; padding:30px 20px 30px 70px; color:#000; font-size:25px; font-weight:700;}
.chk_data_list .block .ipt:checked + label {background-color:#ecfeff;}

.chk_q_menu {margin-top:15px; padding-bottom:7px;}
.chk_q_menu .block {padding:40px 0 20px;}
.chk_q_menu .block:after {display:none;}
.chk_q_menu .block .tit {color:#000; font-size:20px; line-height:80px; font-weight:700; text-align:left; overflow:unset;}

.board_img .block {padding:40px 30px 40px 192px; min-height:95px;}
.board_img .block .img{position:absolute; top:40px; left:0; width:172px; height:95px; background-color:#e5e5e5;}
.board_img .block .img img{width:100%; height:100%;}

.mov_list_wrap{overflow:hidden; border-bottom:1px solid #e0e0e0;}
.mov_list{margin:15px -15px -1px; font-size:0; text-align:left;}
.mov_list li{display:inline-block; width:33.33%; padding:40px 0; vertical-align:top;}
.mov_list li:nth-child(1),
.mov_list li:nth-child(2),
.mov_list li:nth-child(3){border-top:0;}
.mov_list .block{padding:0; margin:0 15px;}
.mov_list .block:after {display:none;}
.mov_list .block .img{position:relative; padding:56% 0 0; margin-bottom:22px; border-radius:5px; background-color:#e5e5e5;}
.mov_list .block .img img{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; border-radius:5px;}
.mov_list .block .tit {height:60px;}
.mov_list .block .date {font-size:17px;}

.acco_list.chk_card {margin-top:15px;}
.acco_list.chk_card .tit {margin:0; color:#000; font-size:24px; line-height:80px; font-weight:700; text-align:left;}
.acco_list.chk_card .detail {border-top:0; background-color:#fff; padding:0 20px 20px;}

.acco_list {border-bottom:1px solid #ededed;}
.acco_list > li {border-top:1px solid #ededed;}
.acco_list .block {position:relative; padding-right:60px;}
.acco_list .block:before {content:''; position:absolute; top:50%; right:0; width:20.5px; height:11px; margin-top:-5.5px; background:url(/assets/user/images/btn_acco.png) no-repeat 50% 50%; background-size:auto 11px; transition:transform 0.5s;}
.acco_list > li.on .block:before {transform:rotate(180deg);}
.acco_list .block .info {display:table; width:100%; padding:40px 0; table-layout:fixed;}
.acco_list .block .info li {display:table-cell; text-align:center; vertical-align:middle; padding:0 10px; width:23.5%; color:#000; font-size:20px;}
.acco_list .block .info li:first-child {width:29.5%;}
.acco_list .block .info .num {display:block; color:#888; font-size:17px;}
.acco_list .detail {display:none; border-top:1px solid #ededed; background-color:#f8f8f8; padding:20px 40px;}
.acco_list .detail .box {padding:15px 0; position:relative; border-top:1px solid #ededed; font-size:0; text-align:left;}
.acco_list .detail .box:first-child {border-top:0 none;}
.acco_list .detail .box ul.row li {display:inline-block; width:20%; vertical-align:top;}
.acco_list .detail .tit {display:block; color:#000; font-size:18px; font-weight:700;}
.acco_list .detail .tit_s {display:block; color:#333; font-size:18px; margin-top:5px;}
.acco_list .detail .cont {display:block; color:#00879b; font-size:20px; margin-top:-3px;}
.acco_list .detail .box.case_col5 ul.row li{width:20%;}/* columns 5개일 경우 */
.acco_list .detail .box.case_col4 ul.row li{width:25%;}/* columns 4개일 경우 */
.acco_list .detail .box.case_col3 ul.row li{width:calc(100% / 3);}/* columns 3개일 경우 */
.acco_list .detail .box.case_col3 {padding-left:150px;}
.acco_list .detail .box.case_col3 .tit {position:absolute; top:21px; left:0; width:150px; padding-left:20px;}

/* 모집실적 영업소장 */
.pf_captain .board_head li,
.pf_captain .acco_list .block .info li{width:23.5%;}
.pf_captain .board_head li:first-child,
.pf_captain .acco_list .block .info li:first-child {width:29.5%;}
/* 모집실적 모집인 */
.pf_manager .board_head li,
.pf_manager .acco_list .block .info li{width:52%;}
.pf_manager .board_head li:nth-child(2),
.pf_manager .acco_list .block .info li:nth-child(2){width:24%;}
.pf_manager .board_head li:nth-child(3),
.pf_manager .acco_list .block .info li:nth-child(3){width:24%;}
/* 모집회원이용현황 영업소장 */
.status_captain .board_head li,
.status_captain .acco_list .block .info li{width:41%;}
.status_captain .board_head li:nth-child(2),
.status_captain .acco_list .block .info li:nth-child(2){width:24%;}
.status_captain .board_head li:nth-child(3),
.status_captain .acco_list .block .info li:nth-child(3){width:35%;}
/* 모집회원이용현황 모집인 */
.status_manager .board_head li,
.status_manager .acco_list .block .info li{width:50%;}

.board_view {text-align:left; border-top:1px solid #333; border-bottom:1px solid #ccc;}
.board_view .hgroup {padding:36px 0 30px; border-bottom:1px solid #ededed;}
.board_view .hgroup .tit {color:#000; font-size:22px; line-height:30px;}
.board_view .hgroup .tit .cate {display:inline-block; color:#546d82; vertical-align:middle;}
.board_view .hgroup .info {display:block; margin-top:18px; font-size:0;}
.board_view .hgroup .info li {display:inline-block; position:relative; margin-left:15px; padding-left:15px; color:#888; font-size:17px;}
.board_view .hgroup .info li:first-child{margin-left:0; padding-left:0;}
.board_view .hgroup .info li:before {content:''; display:block; position:absolute; top:50%; left:0; width:1px; height:14px; margin-top:-8px; background:#ccc;}
.board_view .hgroup .info li:first-child:before {display:none}
.board_view .hgroup .info li b {color:#333; font-weight:400;}
.board_view .hgroup .info li span {color:#888; margin-left:10px;}
.board_view .hgroup .info .date {color:#888; font-size:17px;}
.board_view .con_txt {padding:60px 30px; height:auto; min-height:1px; max-height:999999px; font-size:20px; line-height:1.5;}
.board_view .con_txt pre {word-break:break-all; word-break:break-word; white-space:pre-wrap; word-wrap:break-word;}
.board_view .img{display:block; position:relative; padding:382px 0 0; margin-bottom:22px; font-size:0; line-height:0; border-radius:5px; background-color:#e5e5e5;}
.board_view .img .ico_mov_play{position:absolute; top:50%; left:50%; margin:-30px 0 0 -20px; z-index:99;}
.board_view .img img{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:382px; border-radius:5px;}
.board_view .down_list {padding:15px 0; border-top:1px solid #ededed;}

.board_write {text-align:left;}
.board_info + .board_area .board_write {margin-top:27px;}
.board_write .box {margin:57px 0 0;}
.board_write .box:first-child {margin-top:0;}
.board_info + .board_write .box:first-child {margin-top:17px;}
.board_write .box .tit {display:block; font-weight:bold; color:#000; font-size:20px; margin-bottom:15px;}
.board_write .box .tit_l {font-size:22px;}
.board_write .box .tit_s {font-weight:normal; color:#333; font-size:18px; margin-bottom:10px;}
.board_write .box.subject .ipt_area {margin-top:20px;}
.board_write .box.date {margin-top:27px;}
.board_write .box .con_txt {border-radius:5px;}
.board_write .box .con_txt p {border-radius:5px 5px 0 0; background:#666; text-align:center; background-color:#666; color:#fff; line-height:60px;}
.board_write .box .con_txt textarea {border-radius:5px;}
.board_write .box .con_txt p + textarea {border-radius:0 0 5px 5px;}
.board_write .box.file .filebox {vertical-align:top;}
.board_write .box.file .guide_txt {line-height:50px; vertical-align:top; margin-left:10px;}
.board_write .box.file .file_list {padding-top:4px;}
.board_write .file_list li {display:inline-block; position:relative; margin:10px 30px 10px 0; padding-right:35px; font-size:18px; line-height:30px; color:#000;}
.board_write .file_list li .btn_file_del{position:absolute; top:0; right:0;}

/* paging */
.paging {position:relative; text-align:center; margin-top:40px;}
.paging .num, .paging a, .paging button {display:inline-block; box-sizing:border-box; border-radius:4px; width:40px; height:40px; font-size:17px; line-height:40px; color:#666; vertical-align:middle;}
.paging .num {margin:0 5px;}
.paging .on {background:#2b64ce; color:#fff;}
.paging .btn_prev {background:url('/assets/user/images/btn_prev.png') no-repeat 50% 50%; background-size:100% auto;}
.paging .btn_next {background:url('/assets/user/images/btn_next.png') no-repeat 50% 50%; background-size:100% auto;}

/* 카드상품 */
.card_list {border-top:1px solid #333; margin-top:15px;}
.card_list > li {border-bottom:1px solid #e0e0e0; text-align:left;} 
.card_list .block {display:block; position:relative; min-height:235px; padding:40px 0 40px 185px;}
.card_list .block .img {display:block; position:absolute; top:40px; left:0; width:155px; height:155px; text-align:center;}
.card_list .block .img img{max-height:155px; box-shadow:8px 8px 8px rgba(0,0,0,0.06);}
.card_list .block .tit {display:block; color:#000; font-size:25px; font-weight:700;}
.card_list .block .cont {color:#666; font-size:20px; line-height:26px; margin:10px 0 20px;}
.card_list .block .btn_area {margin:0;}
.card_list .block .btn_area .btn_txt {height:50px; font-size:17px; margin-left:5px;}
.card_list .block .btn_area a.btn_txt,
.card_list .block .btn_area span.btn_txt {line-height:50px;}
.card_list .block .btn_area .btn_txt{min-width:auto; width:125px;}
.card_list .add_data {padding:40px 0; text-align:center;}

.card_list.card_compare .block {padding-left:0; min-height:100px; overflow:hidden;}
.card_list.card_compare .block .img {float:left; position:static; top:unset; height:auto;}
.card_list.card_compare .block .img .inner {display:inline-block; position:relative;}
.card_list.card_compare .block .img .btn_card_del {position:absolute; top:-10px; right:-10px;}
.card_list.card_compare .block .tit,
.card_list.card_compare .block .cont {float:right; width:calc(100% - 185px); margin-bottom:0;}
 
.compare_box > .btn_area {margin:40px 30px;}
.compare_list {display:flex; flex-wrap:wrap; position:relative; border-bottom:1px solid #ededed;}
.compare_list:before,
.compare_list:after {content:''; display:block; position:absolute; top:0; bottom:0; width:1px; background-color:#ededed;}
.compare_list:before {left:calc(100% / 3);}
.compare_list:after {right:calc(100% / 3);}
.compare_list .block,
.compare_list .cont_srmy {display:flex; flex-direction:column; flex-basis:33.3333%;}
.compare_list .block {order:1; position:relative; padding:60px 30px 90px; text-align:center; border-bottom:1px solid #ededed;}
.compare_list .block .img {margin:0 auto 30px; line-height:155px; width:155px; height:155px; text-align:center;}
.compare_list .block .img .inner {display:inline-block; line-height:0; position:relative;}
.compare_list .block .img img{max-height:155px; box-shadow:8px 8px 8px rgba(0,0,0,0.06);}
.compare_list .block .img .btn_card_del {position:absolute; top:-10px; right:-10px;}
.compare_list .block .tit {color:#000; font-size:22px; line-height:30px; font-weight:700;}
.compare_list .block .cont {color:#666; font-size:18px; line-height:24px; margin:10px 0 25px;}
.compare_list .block .btn_area {position:absolute; bottom:40px; left:0; right:0; margin:0;}
.compare_list .block .add_data {padding:29px 0 50px; text-align:center;}
.compare_list .cont_srmy {order:2; padding:40px 30px 45px; text-align:left;}

.compare_list .guideList li {padding:0; font-size:16px; line-height:1.5;}
.compare_list .guideList li + li {margin-top:23px;}
.compare_list .guideList li .icoImgR {display:none;}
.compare_list .guideList li .tit {font-size:18px; line-height:1.5; font-weight:700;}

.card_detail_top {margin:-40px -30px 0; text-align:left;}
.card_visual {padding:40px 30px; min-height:230px; background-color:#e2fdfe;}
.card_visual:after {content:''; display:block; clear:both;}
.card_visual .info {width:calc(100% - 260px); text-align:left;}
.card_visual .info .tit {color:#000; font-size:30px; line-height:1.5;}
.card_visual .info .desc {display:block; margin-top:20px; font-size:20px; line-height:26px;}
.card_visual .info .btn_area {margin-top:30px; text-align:left;}
.card_visual .info .btn_area button {margin-right:5px;}
.card_visual .img {width:230px; text-align:center;}
.card_visual .img img {max-height:230px; box-shadow:8px 8px 8px rgba(0,0,0,0.06);}
.card_visual .img .by {display:block; margin-top:10px; font-size:14px;}
.card_detail_top .card_top_bt {position:relative; padding:0 30px; border-bottom:7px solid #f2f2f2;}
.card_detail_top .card_top_bt:before {content:''; position:absolute; bottom:-7px; left:0; width:100%; height:1px; background-color:#ededed;}
.card_detail_top .card_top_bt:after {content:''; position:absolute; bottom:-1px; left:0; width:100%; height:1px; background-color:#ededed;}
.card_detail_top .card_top_bt .acco_list {margin:0 -30px; border-bottom:0; background-color:#f8f8f8;}
.card_detail_top .card_top_bt .acco_list > li {border-top:0}
.card_detail_top .acco_list .block {margin:0 30px; padding-right:40px; height:60px; text-align:right;}
.card_detail_top .acco_list .block:before {right:0;}
.card_detail_top .acco_list .block .fee_logo {position:absolute; top:15px; left:0;}
.card_detail_top .acco_list .block .fee_logo .logo {display:inline-block; margin-right:20px; height:30px; color:#000; font-size:18px; line-height:30px; vertical-align:middle;}
.card_detail_top .acco_list .block .fee_logo .logo img {max-height:30px;}
.card_detail_top .acco_list .block .tit {color:#000; font-size:18px; line-height:60px; font-weight:700;}
.card_detail_top .acco_list .detail {padding:18px 0; margin:0 30px; border-top:1px solid #ededed;}
.card_detail_top .acco_list .fee_list li {color:#000; font-size:18px; line-height:1.5; overflow:hidden;}
.card_detail_top .acco_list .fee_list .item {float:left;}
.card_detail_top .acco_list .fee_list .val {float:right; text-align:right;}
.card_detail_top .guide_txt {margin:20px 0;}

.card_detail_md {padding:25px 0 0; text-align:left;}
.card_detail_md .invit_file {position:relative; margin:0 -30px 60px; padding:0 30px; text-align:left; background-color:#f2f2f2;}
.card_detail_md .invit_file .tit {color:#000; font-size:18px; font-weight:700; line-height:60px;}
.card_detail_md .invit_file .btn_area {position:absolute; top:50%; right:30px; margin:-20px 0 0;}
.card_detail_md .invit_file + .invit_file {margin-top:-50px;}
.card_detail_md .tab_wrap .tab_contents {padding:30px 0;}

.card_detail_bt {text-align:left;}

/* 모집실적 */
.srch_srmy {position:relative; height:160px; margin:0 -30px 40px; background-color:#2b64ce;}
.srch_srmy_cont {position:absolute; top:0; left:0; height:160px; font-size:0; background-color:#2b64ce;}
.srch_srmy_cont .display_cell{padding:0 30px;}
.srch_srmy .box {display:inline-block; position:relative; width:33.33%; margin:0 0 -3px; vertical-align:middle;}
.srch_srmy .box:after {content:''; display:block; position:absolute; bottom:12px; left:0; width:1px; height:40px; background-color:#4276d7;}
.srch_srmy .box:first-child:after {display:none;}
.srch_srmy .box.name {width:33.34%;}
.srch_srmy .box h2 {padding:0 10px; color:#67fdff; font-size:30px; line-height:33px; font-weight:bold;}
.srch_srmy .box .tit {display:block; margin:0 0 10px; padding:0 10px; color:#a9c7ff; font-size:16px; line-height:1.0; }
.srch_srmy .box .result {color:#fff; font-size:52px; line-height:1.0; font-weight:bold;}
.srch_srmy .date {display:block; text-align:right; color:#a9c7ff; font-size:17px;}
.srch_srmy.case_date_not,
.srch_srmy.case_date_not .srch_srmy_cont{height:139px;}/* 조회기간 없는 경우 */
.srch_srmy.case_columns2 .box {width:50%;}/* columns 2개일 경우 */
.srch_srmy_cont.sticky {position:fixed; top:71px; z-index:99;}

.judge_state.captain .box {width:calc(78% / 5);}
.judge_state.captain .box.name {width:22%;}
.judge_state.manager .box {width:calc(100% / 5);}
.judge_state .box .tit {padding:0 5px;}

/* 조직도 */
.org_chart {padding:0 0 0 20px; overflow:hidden;}
.org_chart h2 .box {background-color:#ecfeff;}
.org_chart h3 .box {background-color:#edf7ff;}
.org_chart h4{float:left; position:relative; width:120px; margin-right:40px;}
.org_chart h4:before {content:''; display:block; position:absolute; top:-760px; left:60px; bottom:170px; width:1px; background-color:#ededed;}
.org_chart .box {position:relative; padding:20px 0 0; width:120px; height:170px; text-align:center; background-color:#f8f8f8; border-radius:4px; z-index:1;}
.org_chart .img {display:block; margin:0 auto 9px; width:80px; height:80px; background-color:#ccc; border-radius:50%;}
.org_chart .img img {width:100%; height:100%; border-radius:50%;}
.org_chart .name {display:block; margin-bottom:3px; color:#000; font-size:18px; line-height:1.2; font-weight:700;}
.org_chart .rank {display:block; color:#888; font-size:16px; line-height:1.2;}
.org_chart ul {text-align:left;}
.org_chart ul li {display:block; margin-bottom:20px; font-size:0;}
.org_chart ul li ul {position:relative;}
.org_chart ul li ul:before {content:''; display:block; position:absolute; background-color:#ededed;}
.org_chart ul li.ca ul:before {top:55px; left:-40px; width:40px; height:1px;}
.org_chart ul li.manager ul:before {top:-100px; left:60px; width:1px; height:100px;}
.org_chart ul li ul li {position:relative;}
.org_chart ul li ul li:after {content:''; display:block; clear:both;}
.org_chart ul li ul li ul {float:left; position:relative; width:calc(100% - 160px);}
.org_chart ul li.manager ul li ul:before {top:78px; left:-40px; width:40px; height:1px;}
.org_chart ul li ul li ul li {display:inline-block; margin-right:20px;}
.org_chart ul li ul li ul li .box {background-color:#f8f8f8;}
.org_chart ul li.ca {padding-left:160px;}
.org_chart ul li.ca ul {margin-top:-110px;}
.org_chart ul li.ca ul li {display:inline-block; margin-right:20px;}

/* login */
.login,
.login body,
.login .wrapper {height:100%;}
.login .contents_wrap {display:flex; flex-direction:column; height:100%; padding:0; background:#f8f8f8;}
.login_area {margin:auto;}
.login_area h1 {margin:0 auto 35px; width:255px; height:72px; background:url(/assets/user/images/login_bi.png) no-repeat 50% 50%; background-size:100% auto;}
.login_area .inner {margin:0 0 100px; padding:56.5px 115px; background:#fff; border:1px solid #dedede; border-radius:12px; box-shadow:8px 8px 8px rgba(0,0,0,0.06);}
.login_area .inner h2 {margin:0 auto 27px; width:160px; height:38px; background:url(/assets/user/images/login_logo.png) no-repeat 50% 50%; background-size:160px auto;}
.login_area .inner .input {margin-top:30px; width:370px;}
.login_area .inner .ipt {padding:0 15px; height:60px; font-size:20px; line-height:60px; border:1px solid #dedede; border-radius:4px;}
.login_area .inner .iptWrap + .ipt {margin-top:10px;}
.login_area .inner .input .btn_txt {margin-top:20px; width:100%;}
.login_area .inner .btn_area {margin-top:30px;}
.login_area .inner .links {font-size:18px; line-height:1;}
.copyright {max-height:54px; color:#888; font-size:14px; line-height:54px; background:#fff; border-top:1px solid #ededed;}

.terms_single{display:block; position:relative; margin:30px 0 0; padding-right:160px;}
.terms_single .iptWrap {padding:13px 0 12px;}
.terms_single .iptWrap input[type='checkbox'] + label {color:#000; font-size:25px; font-weight:700;}
.terms_single button{position:absolute; top:0; right:0; width:150px;}
.terms_single + .guide_txt {margin-top:24px;}

.terms_wrap {text-align:left; border:1px solid #dedede; border-radius:4px;}
.terms_wrap > li{border-top:1px solid #dedede;}
.terms_wrap > li:first-child {border-top:0;}
.terms_wrap .acco_head {position:relative; padding:20px;}
.terms_wrap .acco_head .ipt + label {color:#000; font-size:24px; line-height:38px; padding-top:2px; vertical-align:middle;}
.terms_wrap .on > .acco_head > .btnIco_acco {transform:rotate(180deg);}
.terms_wrap .acco_body {display:none; border-top:1px solid #dedede;}
.terms_wrap .terms_depth {padding:15px 50px;}
.terms_wrap .terms_depth > li {padding:15px 0;}
.terms_wrap .terms_depth .acco_head {padding:0;}
.terms_wrap .terms_depth .acco_head .ipt + label {font-size:20px;}
.terms_wrap .terms_depth .acco_head .btnIco_acco {right:-13px; width:40px; height:40px; margin-top:-20px; background-image:url(../images/btn_acco_depth2.png); background-size:auto 7.5px;}
.terms_wrap .terms_depth .acco_body {margin:20px 0 0; padding:20px 15px; height:600px; color:#aaa; font-size:18px; border:1px solid #dedede; border-radius:4px; overflow-y:auto; -webkit-overflow-scrolling:touch;}
.terms_wrap .terms_depth .acco_body::-webkit-scrollbar {-webkit-appearance:none;}
.terms_wrap .terms_depth .acco_body::-webkit-scrollbar:vertical {width:9px;}
.terms_wrap .terms_depth .acco_body::-webkit-scrollbar:horizontal {height:9px;}
.terms_wrap .terms_depth .acco_body::-webkit-scrollbar-thumb {background-color:rgba(0,0,0,0.5); border-radius:3px; border:3px solid #fff;}
.terms_wrap .terms_depth .acco_body::-webkit-scrollbar-track {background-color:#fff; border-radius:3px; border:3px solid #fff;}
.terms_wrap .terms_contents .txt_list > li + li {margin-top:10px;}
.terms_wrap .terms_contents .txt_list .txt_list {margin:0;}
.terms_wrap .terms_contents .txt_list .txt_list > li + li {margin:0;} 
.terms_wrap.terms_join .terms_depth .acco_body {height:150px;}
.terms_wrap + .board_write.join_frm {margin-top:0;}
.terms_wrap .down_chk {padding:10px 0 0;}
.terms_wrap .down_chk .btn_area {margin:10px 0 25px;}
.terms_wrap .down_chk .links {font-size:22px;}
.terms_wrap .chk_group {padding:30px 20px; background:#f8f8f8; border-radius:0;}
.terms_wrap .chk_group .ipt_area {margin:0 14px 0 0; width:auto;}
.terms_wrap .chk_group .ipt_area input[type='checkbox'] + label {font-size:25px;}
.terms_wrap .ipt_list {margin:0 0 20px;}

.terms_wrap_slt .terms_depth {padding:5px 40px;}
.terms_wrap_slt .terms_depth .down_chk {padding:0;}
.terms_wrap_slt .chk_group {margin-top:20px;}
.terms_wrap_slt .ipt_list {margin:20px 40px 0; width:calc(100% - 80px);}

.acco_list.notice {position:relative; margin:60px -30px 0; border-top:7px solid #f2f2f2;}
.acco_list.notice:before {content:''; position:absolute; top:-7px; left:0; width:100%; height:1px; background-color:#ededed;}
.acco_list.notice:after {content:''; position:absolute; top:-1px; left:0; width:100%; height:1px; background-color:#ededed;}
.acco_list.notice > li {border-top:0}
.acco_list.notice .block {padding:0 70px 0 30px; height:60px; text-align:left;}
.acco_list.notice .block:before {right:30px;}
.acco_list.notice .block h2 {color:#000; font-size:18px; line-height:60px; font-weight:700;}
.acco_list.notice .block h2:before {content:''; display:inline-block; margin-right:10px; width:20px; height:20px; background:url(/assets/user/images/ico_acco_notice.png) no-repeat 50% 50%; background-size:20px auto; vertical-align:text-bottom;}
.acco_list.notice .detail {padding:18px 30px; border-top:1px solid #ededed;}
.acco_list.notice .txt_list > li {color:#666;}

/* progress */
.progress {height:55px; position:relative; width:100%; padding:0 30px; background-color:#f8f8f8;}
.progress ol {display:block; position:relative; font-size:0; text-align:left;}
.progress .num {display:inline-block; position:absolute; top:50%; right:0; width:30px; height:30px; margin-top:-15px; border:1px solid #c7ced3; border-radius:50%; background-color:#c7ced3; color:#333; font-size:17px; line-height:30px; text-align:center; vertical-align:middle; z-index:2;}
.progress .num:before {content:''; position:absolute; top:50%; right:29px; width:10px; height:1px; background-color:#c8c8c8; z-index:0;}
.progress li:first-child .num {right:160px;}
.progress li:first-child .num:before {display:none;}
.progress li:nth-child(2) .num {right:120px;}
.progress li:nth-child(3) .num {right:80px;}
.progress li:nth-child(4) .num {right:40px;}
.progress li.on .num {border-color:#546d82; background-color:#546d82; color:#fff;}
.progress li.on ~ li .num {border-color:#c8c8c8; background-color:#fff; color:#333;}
.progress .tit {display:none; color:#546d82; font-size:20px; line-height:55px; font-weight:700;}
.progress li.on .tit {display:block;}

.info_apply_card {position:relative; height:120px; padding:30px 0; background-color:#e2fdfe;}
.info_apply_card .cont {display:table; position:absolute; top:0; left:0; width:100%; height:120px; background-color:#e2fdfe;}
.info_apply_card .cont p {display:table-cell; color:#000; font-size:25px; line-height:36px; vertical-align:middle;}
.info_apply_card b{color:#2b64ce}
.info_apply_card .cont.sticky {position:fixed; top:71px; z-index:99;}

/* 카드신청 */
.id_certi {padding:40px; background-color:#f8f8f8;}
.id_certi .img {display:inline-block; border:2px solid #ddd; border-radius:12px; text-align:center;}
.id_certi .img img {max-width:450px; border-radius:12px;}
.id_certi .btn_shoot {display:inline-block; margin-left:20px; vertical-align:bottom;}

.slt_apart {margin-top:30px; padding:40px; background-color:#f8f8f8; color:#333; font-size:22px; line-height:30px;}
.slt_apart .txt,
.slt_apart .ipt_group,
.slt_apart .btn_shoot {display:block;}
.slt_apart .txt {margin-bottom:13px;}
.slt_apart .ipt_group li:nth-child(2) {width:250px;}
.slt_apart .ipt_group input[type='radio'] + label {font-size:22px;}
.slt_apart .btn_shoot {margin:14px 0 20px;}
.slt_apart .btn_file_del {margin-left:10px; vertical-align:top;}

.file_add_guide {position:relative; border-bottom:1px solid #ededed; padding:17px 0 18px; text-align:left;}
.file_add_guide:after {content:''; display:block; clear:both;}
.file_add_guide p {float:left; color:#333; font-size:22px; line-height:30px;}
.file_add_guide .btn_txt {float:right; padding:0 20px; height:65px; font-size:24px; line-height:65px;}

.add_list > li {text-align:left; border-bottom:1px solid #ededed;}
.add_list .box {position:relative; padding:39px 0 38px;}
.add_list .box .tit {color:#000; font-size:25px; line-height:30px; font-weight:700;}
.add_list.agree_list .box label {color:#000; font-size:25px; font-weight:700;}
.add_list .box .btn_txt {position:absolute; top:50%; right:0; margin-top:-32.5px; width:140px; height:65px; font-size:24px; line-height:65px;}
.add_list .box .btn_file_add {width:auto;}
.add_list .cont {border-top:1px solid #ededed; background-color:#f8f8f8; padding:20px;}
.add_list .cont .file{display:inline-block; margin-right:25px; color:#000; font-size:22px; line-height:44px; vertical-align:middle;}
.add_list .cont .file .btn_file_del {margin-left:10px;}
.add_list .cont .btn_file_add{padding:0 15px; min-width:auto; height:44px; color:#546d82; font-size:20px; line-height:44px; background-color:#fff; border:1px solid #546d82; vertical-align:middle;}

.join_frm .ipt_list .ipt + label {height:70px; font-size:25px;}
.board_write.join_frm {margin-top:-42px;}
.board_write.join_frm .box {margin:51px 0 0;}
.join_frm .box + .box,
.acco_list.join_frm .id_certi + .box,
.acco_list.join_frm .slt_apart + .box {margin-top:54px;}
.add_list .box + .box {margin-top:0;}
.join_frm .box .tit,
.acco_list.join_frm .tit_alone {font-size:25px; margin-bottom:13px;}
.join_frm .legend + .tab_wrap,
.join_frm .box .tit + .tab_wrap {margin-top:27px;}
.board_write.join_frm .tab_wrap .box:first-child, 
.acco_list.join_frm .detail .box:first-child,
.acco_list.join_frm .tit_alone {margin-top:37px;}
.join_frm .ipt, 
.join_frm .keypad .iptWrap,
.join_frm .sign {height:70px; font-size:25px; line-height:70px;}
.join_frm .btnIco_del {height:70px; margin-top:-35px;}
.join_frm .links:after {bottom:5px;}
.join_frm ::-webkit-input-placeholder {font-size:25px !important;}
.join_frm ::-ms-input-placeholder {font-size:25px !important;}
.join_frm ::-moz-placeholder {font-size:25px !important;}
.join_frm input::placeholder{font-size:25px !important;}
.join_frm .sltWrap {margin:0;}
.join_frm .guide_txt {font-size:22px; margin-top:15px;}
.join_frm .guide_txt:before {top:6px;}
.join_frm .guide_txt + .guide_txt {margin-top:5px;}
.join_frm .box .txt {margin:0 0 8px; font-size:22px;}
.join_frm .iptWrap + .txt,
.join_frm input + .txt {margin:9px 0 0;}
.join_frm .slt_cont {margin-top:30px;}
.join_frm .slt_cont .box:first-child .tit{margin-top:-6px;}
.join_frm .slt_cont .box + .box {margin-top:23px;}
.board_write.join_frm .terms,
.acco_list.join_frm .detail .box.terms {margin:17px 0 0; border:1px solid #ededed; border-radius:6px;}
.join_frm .terms ul{padding:15px;}
.join_frm .terms li{display:block; position:relative; margin:5px 0; padding-right:160px;}
.join_frm .terms .iptWrap {padding:13px 0 12px;}
.join_frm .terms .iptWrap input[type='checkbox'] + label {color:#000; font-size:25px; font-weight:700;}
.join_frm .terms button{position:absolute; top:0; right:0; width:150px;}
.join_frm .terms_wrap {margin-top:17px;}
.join_frm .terms_wrap .acco_head.tit {margin-bottom:0;}

.acco_list.join_frm > li {text-align:left;}
.acco_list.join_frm .block {padding:39px 0 38px;}
.acco_list.join_frm .block .legend {margin:0; line-height:30px;}
.acco_list.join_frm .detail {border:0; background-color:#fff; padding:15px 0 60px;}
.acco_list.join_frm .detail .box {border:0; padding:0; font-size:inherit;}
.acco_list.join_frm > li.no_bt_line {border-bottom:0 !important;}
.acco_list.join_frm > li.no_bt_line .detail {padding-bottom:0; margin-bottom:-1px;}

/* 설정 */
.settings {text-align:left; padding-bottom:60px;}
.settings .box + .box {margin-top:60px;}
.settings .tit {display:block; margin-bottom:17px; color:#000; font-weight:700; font-size:24px; line-height:1.1;}
.settings .menu {border-top:1px solid #000 ;}
.settings .menu li {position:relative; color:#000; font-size:22px; line-height:80px; border-bottom:1px solid #ededed;}
.settings .menu li a{display:block; padding-right:90px;}
.settings .menu li a:after {content:''; display:block; position:absolute; top:50%; right:0; width:30px; height:30px; margin-top:-15px; background:url(/assets/user/images/board_list_arrow.png) no-repeat 50% 50%; background-size:10px auto;}
.settings .menu li .toggle_switch {position:absolute; top:50%; right:0; margin-top:-17.5px;}

.version_info {max-height:281px; position:relative; margin:auto -30px 0; padding:38px 30px 40px; border-top:7px solid #f2f2f2;}
.version_info:before {content:''; position:absolute; top:-7px; left:0; width:100%; height:1px; background-color:#ededed;}
.version_info:after {content:''; position:absolute; top:-1px; left:0; width:100%; height:1px; background-color:#ededed;}
.version_info p {line-height:1.1;}
.version_info .current {color:#000; font-size:30px;}
.version_info .latest {margin-top:16px; color:#888; font-size:18px;}
.version_info .btn_area {margin-top:0;}
.version_info p + .btn_area {margin-top:37px;}

.board_rdo {margin-top:15px; border-top:1px solid #000;}
.board_rdo li {position:relative; padding:29px 250px 28px 0; text-align:left; border-bottom:1px solid #ededed;}
.board_rdo .tit {color:#000; font-size:22px; line-height:1.1;}
.board_rdo .ipt_area {position:absolute; top:50%; right:-30px; margin-top:-20px; text-align:right;}

.setting_sign {margin-top:15px;}
.setting_sign .sign_canvas {height:414.4px;}
.setting_sign .sign_canvas .placeholder{line-height:414.4px;}
.setting_sign .sign_canvas + .sign_canvas {margin-top:20px;}

/* main */
.swiper_wrap {position:relative;}
.swiper-container.on {opacity:1;}
.slide_list .img {display:block;}
.swiper-container [class^=swiper-button-] {float:right; position:relative; margin-top:4px; width:18px; height:18px; vertical-align:middle; overflow:hidden; border:1px solid rgba(0,0,0,0);}
.swiper-container button:focus {border-color:transparent !important;}
.swiper-container .swiper-button-stop:before,
.swiper-container .swiper-button-stop:after {content:''; position:absolute; top:3px; left:4px; bottom:4px; width:3px; background-color:#666;}
.swiper-container .swiper-button-stop:after {left:auto; right:4px;}
.swiper-container .swiper-button-play {display:none;}
.swiper-container .swiper-button-play:after {content:''; position:absolute; top:3px; left:6px; width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-right:6px solid transparent; border-left:6px solid #666;}
.swiper-container .swiper-pagination {float:right; position:static;}
.swiper-container .swiper-pagination-bullet,
.swiper-container .swiper-pagination-switch {display:inline-block; position:relative; margin:-3px 2px 0; width:8px; height:8px; vertical-align:middle; background:none; border-radius:0; opacity:1; border:1px solid rgba(0,0,0,0); box-sizing:border-box; transition:all 0.1s;}
.swiper-container .swiper-pagination-bullet:before,
.swiper-container .swiper-pagination-switch:before {content:''; position:absolute; top:0; left:0; width:8px; height:8px; background:#fff; border:1px solid #666; border-radius:4px; box-sizing:border-box; transition:all 0.1s;}
.swiper-container .swiper-pagination-bullet-active,
.swiper-container .swiper-active-switch{width:16px;}
.swiper-container .swiper-pagination-bullet-active:before,
.swiper-container .swiper-active-switch:before {width:16px; background:#666;}
.swiper-container .swiper-counter {display:none;}
.swiper-container .btnPrev,
.swiper-container .btnNext {display:none; position:absolute; top:50%; margin-top:-21px; width:42px; height:42px; background:rgba(255, 255, 255, 0.6) url(/assets/user/images/main_card_btn.png) no-repeat 50% 50%; background-size:7.5px auto; border-radius:50%; z-index:9;}
.swiper-container .btnPrev[aria-disabled='false'],
.swiper-container .btnNext[aria-disabled='false'] {display:block; background-image:url(/assets/user/images/main_card_btn_on.png);}
.swiper-container .btnPrev {left:0;}
.swiper-container .btnNext {right:0; transform:rotate(180deg);}

.main_top {display:block; position:relative; padding-right:287px;}
.main_visual {position:relative; height:473px;}
.main_visual .swiper-controls {position:absolute; top:40px; right:30px; z-index:10;}
.main_visual .btnPrev,
.main_visual .btnNext {display:none;}
.main_visual .swiper-pagination {display:block !important;}
.main_visual .slide_list .img {height:473px;}
.main_visual .slide_list .img img {width:100%; height:100%;}
/*------모집인 신분증 공통------*/
.user_wrap .info {display:block; margin:30px 0px 30px 0px; color:#000;}
.user_wrap .info .img {display:block; margin:0 auto 20px; width:80px; height:80px; background-color:#194caa; border-radius:50%;}
.user_wrap .info .img img {width:80px; height:80px; border-radius:50%;}
.user_wrap .info .colpe_img img {width:125px; height:140px; margin-top:20px;}
.user_wrap .info .woori_logo {margin: 20px;}
.user_wrap .info .woori_logo img {max-width: 45%;}
.user_wrap .info .rank {color:#e0e6f6; font-size:16px; line-height:1.1;}
.user_wrap .info .name {display:block; margin:10px; font-size:30px; line-height:1.1; font-weight:700;}
.user_wrap .srmy {font-size:0; margin-top:10px; margin-bottom:10px; border-top:1px solid rgba(255,255,255,0.1);}
.user_wrap .info .title {font-size: 35px; font-weight: 700; background-color:#194caa; color:#fff;}
.user_wrap .srmy .box {display:inline-block; position:relative; margin-bottom:20px; width:50%; color:#fff;}
.user_wrap .srmy .box:first-child:after {content:''; display:block; position:absolute; top:0; right:0; width:1px; height:37px; background-color:#fff; opacity:0.1;}
.user_wrap .srmy .tit {display:block; margin:10px; color:#000; font-size:20px; font-weight:700; line-height:1.1;}
.user_wrap .srmy .cont {font-size:18px; line-height:1.1; color:#000; font-weight:700;}
.user_wrap .srmy .box:nth-child(3) {width:100%; padding:11px 0; background-color:#194caa;}
.user_wrap .srmy .box:nth-child(3).tit,
.user_wrap .srmy .box:nth-child(3) .cont {color:#a9c7ff; font-size:14px; line-height:1.1; font-weight:400;}
/*--------------------------*/

/*------모집인 신분증 메인화면------*/
.main_top .user_wrap {position:absolute; top:0; right:0; bottom:0; width:287px; background-color:#fff; border:outset; border-radius: 20px;}
.main_top .user_wrap .info .woori_logo {position: absolute; bottom:0;}
.main_top .user_wrap .srmy.captain {padding:20px; border-bottom:1px solid rgba(255,255,255,0.1);}
.main_top .user_wrap .srmy.captain .box {display:block; margin:0; width:100%; padding-left:60px; text-align:left;}
.main_top .user_wrap .srmy.captain .box:first-child:after {display:none;}
.main_top .user_wrap .srmy.captain .box + .box {margin:10px 0 0;}
.main_top .user_wrap .srmy.captain .tit {position:absolute; top:0; left:0; width:60px;}
.main_top .user_wrap .srmy.captain .cont {display:block; position:relative; padding-left:20px;}
.main_top .user_wrap .srmy.captain .cont:before {content:''; display:block; position:absolute; top:0; left:0; width:1px; height:13px; background-color:#fff; opacity:0.1;}
/*----------------------------*/

/*-------모집인 신분증 팝업-------*/
.colpeIdCard .user_wrap {background-color:#fff; border:outset; border-radius: 20px; text-align: center;}
.colpeIdCard .popup {padding:0px; left:30%; width:40%; position: relative; top:inherit; right:inherit; bottom:inherit;}
.colpeIdCard .popup .popContain {height:auto;}
.colpeIdCard .popup .popContain .cont {padding:0px;}
/*----------------------------*/

.ment {display:block; position:absolute; bottom:33.5px; left:30px; right:30px;}
.ment .txt,
.ment .iptWrap input[type="text"] {padding:0 27px 0 0; height:36px; line-height:36px; color:#67fdff; font-size:18px; background:transparent;}
.ment .iptWrap input[type="text"] {border-bottom:1px solid #5583d8;}
.ment .iptWrap.on input[type="text"] {padding-right:50px;}
.ment .btnIco_del {right:27px; width:20px;}
.ment .btnIco_del:before,
.ment .btnIco_del:after {background-color:#fff;}
.ment ::-webkit-input-placeholder {font-size:18px !important; color:#4fc0eb !important;}
.ment ::-ms-input-placeholder {font-size:18px !important; color:#4fc0eb !important;}
.ment ::-moz-placeholder {font-size:18px !important; color:#4fc0eb !important;}
.ment input::placeholder{font-size:18px !important; color:#4fc0eb !important;}
.ment .btn_ment {position:absolute; bottom:6.5px; right:0;}

.main_card {position:relative; margin:50px 30px;}
.main_card h2 {min-height:34px;}
.main_card .btn_card_slt {position:absolute; top:0; right:0;}
.main_card .no_data {height:298px; line-height:298px;}
.main_card .swiper-pagination,
.main_card .swiper-controls {display:none;}
.main_card .slide_list li {width:540px; margin:0 auto; background-color:#ecfeff; border-radius:6px;}
.main_card .inner {display:block; position:relative; padding:40px 20px 0 250px; height:298px; overflow:hidden; text-align:left;}
.main_card .inner .img {position:absolute; top:50%; left:30px; margin-top:-95px; width:190px; height:190px; line-height:190px; text-align:center;}
.main_card .inner .img img {max-height:190px; box-shadow:8px 8px 8px rgba(0,0,0,0.06);}
.main_card .inner .tit {color:#000; font-size:27px; line-height:1.2; font-weight:700;}
.main_card .inner .desc {display:none; color:#000; margin-top:7.5px; font-size:20px; line-height:1.2;}
.main_card .inner .txt_list {margin:20px 0 0;}
.main_card .inner .txt_list li {width:auto; margin:8px 0 0; font-size:15px; color:#666;}

.btn_ment {display:inline-block; width:22px; height:22px; background:url(/assets/user/images/btn_ment.png) no-repeat 50% 50%; background-size:22px auto;}
.btn_card_slt {display:inline-block; padding-top:2px; color:#333; font-size:17px; line-height:32px;}
.btn_card_slt i {display:inline-block; margin-left:10px; margin-top:-2px; width:24px; height:34px; background:url(/assets/user/images/btn_card_slt.png) no-repeat 50% 50%; background-size:24px auto; vertical-align:top;}

.main_bt_wrap {position:relative; margin:0 30px;}
.main_bt_wrap:after {content:''; display:block; clear:both;}
.m_notice {float:left; width:calc(50% - 20px);}
.m_notice .tab_wrap {position:relative; text-align:left;}
.m_notice .tab_list {display:inline-block; width:auto; font-size:0; table-layout:auto; vertical-align:top;}
.m_notice .tab_list:after {display:none;}
.m_notice .tab_list li {display:inline-block; width:auto; height:40px; font-size:18px; vertical-align:top;}
.m_notice .tab_list li + li {margin-left:10px;}
.m_notice .tab_list li.on:after {display:none;}
.m_notice .no_data {height:65px; line-height:65px; border-top:0;}
.m_notice .no_data span {font-size:18px;}
.m_notice .no_data span:before {display:none;}
.m_notice .board_list {margin:17px 0 0; border:0;}
.m_notice .board_list li {border:0;}
.m_notice .board_list li + li {margin-top:10px;}
.m_notice .board_list .block {padding:0 90px 0 0;}
.m_notice .board_list .block:after {display:none;}
.m_notice .board_list .block .tit {color:#666; font-size:18px; line-height:1.1; -webkit-line-clamp:1;}
.m_notice .board_list .block .cate {color:#666; font-weight:400;}
.m_notice .board_list .block .date {position:absolute; top:0; right:0; margin:0; line-height:1.1;}
.m_notice .btn_more_plus {position:absolute; top:0; right:0; display:block; width:30px; height:30px; background:url(/assets/user/images/btn_more_plus.png) no-repeat 50% 50%; background-size:14px auto; border:1px solid #ccc; border-radius:4px;}

.m_state {float:right; width:calc(50% - 20px);}
.m_state h2 {margin-bottom:20px;}
.m_state .date {position:absolute; top:3px; right:0; color:#888; font-size:14px; text-align:right;}
.m_state .srmy {font-size:0;}
.m_state .srmy .box {display:inline-block; position:relative; width:25%; min-height:102px;}
.m_state .srmy .box .tit {position:absolute; bottom:0; left:0; right:0; padding:13px 0 12px; color:#333; font-size:14px; line-height:1.0; background:#f8f8f8;}
.m_state .srmy .box + .box .tit:before {content:''; display:block; position:absolute; top:50%; left:0; width:1px; height:15px; margin-top:-7.5px; background-color:#dedede;}
.m_state .srmy .box .result {display:inline-block; padding:10px 0 0;font-size:45px; line-height:0.8; font-weight:700;}
.m_state .srmy .box .result[data-event]{cursor:pointer;}
.m_state .srmy .box:first-child .tit {border-radius:6px 0 0 6px;}
.m_state .srmy .box:last-child .tit {border-radius:0 6px 6px 0;}
.m_state .srmy .box:first-child .result {color:#2b64ce;}
.m_state .srmy .box:nth-child(2) .result {color:#e8010c;}
.m_state .srmy .box:nth-child(3) .result {color:#000;}
.m_state .srmy .box:last-child .result {color:#999;}

/* popup */
.popup h2 {margin:0 0 20px; color:#000; font-weight:700; font-size:20px; line-height:40px; text-align:center;}

.popCont [class^=table] {margin-top:0;}
.popCont.no_sticky {padding-bottom:0;}
.popCont .popInner > .cont > section {position:relative; margin:0 auto 60px;}
.popCont .popInner > .cont > section:last-child {margin-bottom:0;}
.popCont .board_write .box + .box {margin:27px 0 0;}
.popCont .board_write .box textarea.ipt {min-height:100px;}
.popCont .board_write .box textarea.ipt.h_150 {min-height:150px;}
.popCont .board_list + .board_write .box:first-child {margin-top:57px;}
.popCont .no_data {margin-top:10px;}
.popCont .table_list_x td {padding-top:30px; padding-bottom:30px;}
.popCont.address .board_srch .btn_area {margin-top:30px;}
.popCont.address .board_srch {margin-bottom:30px;}
.popCont.address .board_srch .ipt {padding-right:45px;}
.popCont.address .board_srch .ipt + .btnIco_del {right:1px;}
.popCont.address .board_srch .ipt_list + .iptWrap {margin-top:15px;}
.popCont .terms_wrap .terms_depth .acco_body {height:150px;}

.popInner > .cont {padding:40px 30px; text-align:left;}
.popInner > .cont.txt {padding:0;}
.popInner .cont.cont_info .txt_list {margin:0;}
.popInner .cont.cont_info .txt_list li,
.popInner .cont.cont_info .guide_txt {font-size:18px; line-height:1.5;}
.popInner .cont.cont_info .guide_txt.bold:last-of-type {margin-top:24px;}
.popInner .cont.cont_info .txt_list li {color:#666;}
.popInner .cont.cont_info .txt_list.line_h_S > li {line-height:1.25;}
.popInner .cont.cont_info .txt_list.line_h_M > li {line-height:1.4;}
.popInner .cont.cont_info .txt_list.line_h_M > li + li {margin-top:6px;}
.popInner .cont.cont_info .txt_list .txt_list {margin-top:10px;}
.popInner .cont.cont_info .txt_list .guide_txt {font-size:16px;}
.popInner .cont.cont_info .txt_list .guide_txt + .guide_txt {margin-top:4px;}
.popInner .cont.cont_info .txt_list .board_area {padding-bottom:10px;}
.popInner .cont.cont_info .txt_list li:last-child .board_area:last-of-type {padding-bottom:0;}
.popInner .cont.cont_info .txt_list li + li,
.popInner .cont.cont_info .guide_txt + .txt_list,
.popInner .cont.cont_info .guide_txt + .guide_txt,
.popInner .cont.cont_info .txt_list + .guide_txt,
.popInner .cont.cont_info .guide_txt + .board_area,
.popInner .cont.cont_info .txt_list + .board_area {margin-top:9px;}
.popInner .cont.cont_info h2.txt_list_tit {margin-bottom:8px; text-align:left; line-height:1.0;}
.popInner .cont.cont_info .txt_list + h2.txt_list_tit,
.popInner .cont.cont_info .txt_list + .acco_list{margin-top:24px;}
.popInner .cont.cont_info .acco_list.notice .block h2 {text-align:left;}
.popInner .cont.cont_info .txt_list + .txt_list,
.popInner .cont.cont_info .board_area + .board_area {margin-top:11px;}
.popInner .cont.cont_info .board_area [class^=table] th,
.popInner .cont.cont_info .board_area [class^=table] td {padding:15.5px 20px 14px; height:70px; color:#000;}
.popInner .cont.cont_info .board_area [class^=table] td {text-align:left; color:#666; font-size:16px;}

.popCont.requests .board_write > .box {margin-top:27px;}
.popCont.requests .board_write > .box:first-child {margin-top:16px;}
.popCont.requests .board_write > .box .box + .box {margin-top:17px;}
.requests .board_write .box .tit {margin-bottom:10px;}
.requests .board_write .box .tit_l {padding-top:7px; margin-bottom:13px;}
.requests .board_write .box .tit_l + .box {margin-top:-4px;}
.requests .chk_group {margin-top:-20px;}
.requests .chk_group .ipt_area {width:100%; margin:20px 40px 0 0;}
.requests .chk_group .ipt_area:nth-child(1),
.requests .chk_group .ipt_area:nth-child(2) {width:auto;}
.requests .chk_group .ipt_area + .date_box {margin-top:10px;}

.full.agreement {padding-bottom:0;}
.full.agreement .popBody {padding:10px; height:auto; min-height:calc(100% - 71px); background:#f8f8f8; overflow-y:hidden;}
.full.agreement .popInner {padding:30px; height:100%; border:1px solid #dedede; background:#fff;}
.full.agreement .cont {padding:0; color:#333; font-size:18px; line-height:24px;}
.full.agreement .btnArea.sticky {position:static;}
.full.agreement .btnArea.sticky [class^=btn_] {height:70px; font-size:22px;}

.full.agreement.full_scl .popBody {height:calc(100% - 71px);}
.full.agreement.full_scl .cont,
.full.agreement.full_scl .application_frm {height:100%;}

.scl_wrap {margin:14px 0 0; padding:16px 20px; height:134px; overflow-y:auto; -webkit-overflow-scrolling:touch; border:1px solid #dedede; border-radius:4px;}
.scl_wrap.scl_full {margin:0; height:100%;}
.scl_wrap::-webkit-scrollbar {-webkit-appearance:none;}
.scl_wrap::-webkit-scrollbar:vertical {width:9px;}
.scl_wrap::-webkit-scrollbar:horizontal {height:9px;}
.scl_wrap::-webkit-scrollbar-thumb {background-color:rgba(0,0,0,0.5); border-radius:3px; border:3px solid #fff;}
.scl_wrap::-webkit-scrollbar-track {background-color:#fff; border-radius:3px; border:3px solid #fff;} 
.msg_sign h2 {margin:-4px 0 0;}
.msg_sign .guide_txt {margin:0; color:#000; font-size:18px;}
.msg_sign .guide_txt + .txt_box {margin-top:-16px;}
.msg_sign .txt_box {padding:26px 30px; background-color:#f2f2f2;}
.msg_sign .txt_box .txt_list li,
.msg_sign .txt_box .guide_txt {margin:0; color:#666; font-size:17px;}
.msg_sign + .apply_sign {margin-top:10px;}
.msg_sign + .apply_ipt {margin-top:20px;}
.apply_ipt .ipt_area {padding:20px 40px; text-align:right; background-color:#f8f8f8;}
.apply_ipt .ipt_area label {margin-right:0; margin-left:40px;}
.apply_ipt + .apply_sign {margin-top:20px;}
.apply_sign, .apply_single_sign {padding:15px 40px 15px 0; font-size:0; text-align:right; background-color:#f8f8f8;} 
.apply_sign + .apply_sign {margin-top:10px;}
.apply_sign .tit {display:inline-block; margin-right:10px; color:#000; font-size:20px; vertical-align:middle;}
.apply_sign .sign_canvas {display:inline-block; width:110px; height:56px; background-color:#eff8ff; border-color:#dbf0ff; border-radius:0; vertical-align:middle;}
.apply_sign .sign_canvas:last-child {width:100px;}
.apply_sign .sign_canvas.sign_canvas_date {width:206.6px; margin-right:40px;}
.apply_sign .sign_canvas .placeholder,
.apply_sign .sign_canvas .bg {font-size:23px; line-height:56px; text-align:center;}
.apply_sign .sign_canvas.sign_canvas_date .placeholder,
.apply_sign .sign_canvas.sign_canvas_date .bg {font-size:26px; letter-spacing:0.01em;}
.apply_sign .sign_canvas canvas {border-radius:0;}
.apply_sign .sign_canvas + .sign_canvas {margin-left:5px;}
.manual_sign_wrap + .manual_sign_wrap {margin-top:37px;}
.manual_sign {color:#666; font-size:20px; line-height:62px;}
.manual_sign .sign_canvas {display:inline-block; height:56px; background-color:#eff8ff; border-color:#dbf0ff; border-radius:0; vertical-align:middle;}
.manual_sign .sign_canvas.sign_name,
.manual_sign .sign_canvas.sign_office,
.manual_sign .sign_canvas.sign_manual,
.manual_sign .sign_canvas.sign_cont,
.manual_sign .sign_canvas.sign_prd_manual,
.manual_sign .sign_canvas.sign_general_manual,
.manual_sign .sign_canvas.sign_ent_submit,
.manual_sign .sign_canvas.sign_rstl1,
.manual_sign .sign_canvas.sign_rstl2,
.manual_sign .sign_canvas.sign_rstl3,
.manual_sign .sign_canvas.sign_rstl4,
.manual_sign .sign_canvas.sign_rstl5,
.manual_sign .sign_canvas.sign_rstl6,
.manual_sign .sign_canvas.sign_rstl7,
.manual_sign .sign_canvas.sign_understand {width:206.6px;}
.manual_sign .sign_canvas.sign_rstl8,
.manual_sign .sign_canvas.sign_rstl9 {width:320px;}
.manual_sign .sign_canvas .placeholder,
.manual_sign .sign_canvas .bg {font-size:27px; line-height:56px; text-align:center;}
.manual_ipt .ipt_area {margin:30px 0 0;}
.manual_ipt .ipt_area label {color:#000;}
.manual_sign_wrap .manual_ipt p {margin:30px 0 0;}
.manual_sign_wrap .manual_ipt + .apply_sign {margin-top:30px;}
.manual_sign_wrap .apply_sign {margin-top:20px;}
.manual_sign_wrap .apply_sign .sign_canvas.sign_canvas_date {margin-right:20px;}
.contact_box {padding:15px 40px; font-size:0; text-align:right; background-color:#f8f8f8;} 
.contact_box + .contact_box {margin-top:10px;}
.contact_box .tit,
.contact_box .txt {display:inline-block; margin-left:40px; color:#000; font-size:20px; line-height:1.0; vertical-align:top;}
.marketing_wrap {margin-top:37px;}
.marketing_wrap + .msg_sign {margin-top:40px;}
.marketing_wrap + .apply_sign {margin-top:20px;}
.marketing_wrap em {display:block; color:#000; font-size:18px; line-height:1.5; font-weight:400;}
.marketing_wrap .guide_txt + .chk_box {margin-top:-16px;}
.marketing_wrap .scl_wrap + .chk_box{margin-top:20px;}
.marketing_wrap em + .chk_box {margin-top:14px;}
.chk_box {padding:20px 40px; background-color:#f8f8f8;}
.chk_box .chk_group {text-align:left;}
.chk_box .chk_group .ipt_area {width:auto; margin:0;}
.chk_box .chk_group .ipt_area + .ipt_area {margin-left:30px;}
.chk_box .chk_group .ipt_area label {margin-right:0;}
.chk_box .chk_group.chk_all .ipt_area + .ipt_area {margin-left:40px;}
.chk_box .chk_group_wrap,
.chk_box .chk_group + .chk_group {margin-top:20px;}
.chk_box .chk_group_wrap .tit,
.chk_box .chk_group_wrap .chk_group:before,
.chk_box .chk_group_wrap .chk_group:after {display:inline-block; color:#000; font-size:22px; line-height:40px; font-weight:700; vertical-align:top;}
.chk_box .chk_group_wrap .chk_group:before {content:'('; margin-right:6px;}
.chk_box .chk_group_wrap .chk_group:after {content:')'; margin-left:6px;}
.chk_box .chk_group_wrap .chk_group {display:inline-block; vertical-align:top;}

.application_frm {color:#666; font-size:16px; word-break:keep-all;}
.application_frm section + section,
.application_frm section + .tit_h2 {margin-top:60px;}
.application_frm p {margin-bottom:32px;}
.application_frm h2 {margin:0; font-size:20px; line-height:1.45; text-align:left;}
.application_frm .tit_h2 {margin-bottom:15px;}
.application_frm .tit_h2 + section .txt_list,
.application_frm .tit_h2 + .txt_list{margin-top:-4px;}
.application_frm h3 {color:#000; font-weight:700; font-size:18px; line-height:1.5; text-align:left;}
.application_frm h4 {color:#000; font-weight:400; font-size:18px; line-height:1.5; text-align:left;}
.application_frm h4 + .apply_sign {margin-top:14px;}
.application_frm .guide_txt {margin-bottom:30px; color:#666; font-size:18px; line-height:1.5;}
.application_frm .guide_txt.num_remark {padding-left:25px; color:#e80163; font-size:17px;}
.application_frm .marketing_wrap .guide_txt {font-size:17px;}
.application_frm .guide_txt + section .scl_wrap {margin-top:-7px;}
.application_frm .guide_txt + .board_area {margin-top:-16px;}
.application_frm .guide_txt.mb0 + .scl_wrap,
.application_frm .guide_txt.mb0 + .apply_sign {margin-top:14px;}
.application_frm .txt_list {margin:0;}
.application_frm .txt_list li {color:#000; font-size:18px; line-height:1.5;}
.application_frm .txt_list.t_gray > li {color:#666;}
.application_frm .txt_list li + li {margin-top:36px;}
.application_frm .txt_list.txt_mb0 > li {margin-top:0;}
.application_frm .txt_list .txt_list.txt_L li {font-size:18px;}
.application_frm .txt_list .txt_list.num_l li {padding-left:20px;}
.application_frm .txt_list .guide_txt,
.application_frm .txt_list .txt_list li,
.application_frm .board_area [class^=table] .txt_list li {margin:0; color:#666; font-size:17px;}
.application_frm .txt_list .apply_ipt {margin:15px 0 0 -25px;}
.application_frm .txt_list .scl_wrap {margin-left:-25px;}
.application_frm .txt_list:not([class*=num_]) > li > .txt_list {padding-left:26px;}
.application_frm .txt_list:not([class*=num_]) .apply_ipt,
.application_frm .txt_list:not([class*=num_]) .scl_wrap {margin-left:0;}
.application_frm .txt_list .txt_list.num_s {margin-top:4px;}
.application_frm .txt_list .txt_list.num_s > li {padding-left:19px;}
.application_frm .txt_list .txt_list.num_s > li:before {width:14px; height:14px; font-size:13px; line-height:14px;}
.application_frm .txt_list .txt_list.num_s.num_1 > li:before {width:13px; height:13px;}
.application_frm .txt_list.num_square > li:before {top:10px;}
.application_frm .ipt_group {margin:-20px 0 0 -40px;}
.application_frm .ipt_group li {margin:20px 0 0 40px;}
.application_frm .board_area [class^=table] th,
.application_frm .board_area [class^=table] td {padding:20px; height:70px; font-size:18px; line-height:1.5; border-color:#ededed;}
.application_frm .board_area [class^=table] th {color:#000;}
.application_frm .board_area [class^=table] th.th {background-color:#f2f2f2;}
.application_frm .board_area [class^=table] td {color:#666; text-align:left;}
.application_frm .board_area .table_x th,
.application_frm .board_area .table_x td {padding-left:10px; padding-right:10px; font-size:17px;}
.application_frm .board_area .table_x td {padding-right:5px; text-align:center;}
.application_frm .board_area .table_y td {color:#000;}
.application_frm .board_area .table_z th {line-height:1.6;height:30px;padding:5px 20px 5px;font-size:7px;}
.application_frm .board_area .table_z td {line-height:1.6;height:20px;padding:5px 20px 5px;padding-left:10px; padding-right:10px; font-size:6px;}
.application_frm .board_area [class^=table] .txt_list {margin-top:16px;}
.application_frm .msg_sign + .msg_sign,
.application_frm .txt_list + .msg_sign,
.application_frm .txt_list + h4,
.application_frm .apply_sign + h4,
.application_frm .apply_sign + .txt_list,
.application_frm .apply_sign + .scl_wrap,
.application_frm .txt_list + .apply_sign,
.application_frm .board_area + h4,
.application_frm .board_area + .apply_sign,
.application_frm .apply_ipt + .msg_sign {margin-top:40px;}
.application_frm .msg_sign .guide_txt {margin-bottom:0;}
.application_frm .board_area + .guide_txt,
.application_frm .board_area + .apply_ipt,
.application_frm .msg_sign .guide_txt + .txt_box,
.application_frm .apply_sign + .guide_txt,
.application_frm .apply_sign + .contact_box {margin-top:20px;}
.application_frm .sect_margin {margin-top:60px;}
.application_frm .inner_wrap {padding-left:25px;}
.application_frm .inner_wrap .txt_list li {color:#666;}
.application_frm .inner_wrap .txt_list li + li {margin-top:0;}
.application_frm .scl_wrap + .scl_wrap,
.application_frm .scl_wrap + h4,
.application_frm .scl_wrap + .msg_sign,
.application_frm .scl_wrap + .apply_ipt,
.application_frm .scl_wrap + .apply_sign {margin-top:20px;}

.pop_sign {padding:55px 0 0;}
.pop_sign.popCont .popBody {padding:0;}
.pop_sign .popInner > .cont {padding:60px 30px;}
.pop_sign .btn_area {margin-top:0;}
.sign_info {display:flex; flex-direction:row;}
.sign_info .guide_txt {color:#333; font-size:22px; line-height:1.6;}
.sign_info .btn_area {flex:1;}
.sign_group {margin:20px 1px 0;}
.sign_group:after {content:''; display:block; clear:both;}
.sign_group li {float:left; position:relative; width:47%; margin:0 0 0 -1px;}
.sign_group li:first-child {width:53%; margin-left:0;}
.sign_group .tit {display:inline-block; position:absolute; left:15px; top:15px; font-size:17px; line-height:1.0; color:#888; z-index:1;}
.sign_group .sign_canvas {height:200px; border-radius:0;}
.sign_group .sign_canvas .placeholder,
.sign_group .sign_canvas .bg {font-size:xxx-large; line-height:200px; text-align:center;}
.sign_group .sign_canvas canvas {height:200px; border-radius:0;}
ul.sign_group .sign_canvas .placeholder,
ul.sign_group .sign_canvas .bg {font-size:80px;}
.big.sign_group .sign_canvas {height:300px; border-radius:0;}
.big.sign_group .sign_canvas  .placeholder,
.big.sign_group .sign_canvas .bg {font-size:120px; line-height:300px; text-align:center;}
.big.sign_group .sign_canvas canvas {height:300px; border-radius:0;}

.wrapper_pdf .contents {margin:0;}
.wrapper_pdf .contents .btn_bottom {padding:0;}
/* .pdf_wrap {height:calc(100% - 55px); padding:5px; background:#f8f8f8; overflow:hidden;}
.pdf_wrap .pdf_inner {height:100%; padding:20px; border:1px solid #dedede; background:#fff;} */
.pdf_wrap {height:100%; background:#f8f8f8; overflow:hidden;}
.pdf_wrap .pdf_inner {height:100%; background:#fff;}
.pdf_wrap .pdf_cont_wrap {position:relative; height:100%; overflow:hidden; text-align:left;}
.pdf_wrap .pdf_cont {position:absolute; top:0; left:0; width:100%; height:100%;}
.pdf_wrap .pdf_counter {position:absolute; top:20px; left:10px; width:80px; height:45px; text-align:center; color:#333; font-size:22px; line-height:45px; border-radius:4px; background:#dee3e6; opacity:0.8; z-index:999;}
.pdf_wrap .pdf_counter em{font-weight:700;}
.pdf_wrap .btn_prev,
.pdf_wrap .btn_next {position:absolute; top:50%; width:80px; height:80px; margin-top:-48px; background:rgba(102,102,102,0.3) url(../images/pdf_btn_next.png) no-repeat 50% 50%; background-size:80px auto; z-index:999;}
.pdf_wrap .btn_prev {left:0; background-image:url(../images/pdf_btn_prev.png); border-radius:0 4px 4px 0;}
.pdf_wrap .btn_next {right:0; border-radius:4px 0 0 4px;}
.pdf_wrap .btn_prev.on,
.pdf_wrap .btn_next.on {background-color:rgba(102,102,102,0.6);}

.alert .msg [class*=ico_] {margin-bottom:16px;}

.main.popCont {width:500px; margin:0 auto; padding:35px 30px 61px; height:auto; min-height:100px; max-height:999999px;}
.main .popHead {display:block; position:static; top:unset; left:unset; height:auto; border:0; margin-bottom:19px;}
.main .popHead h1 {display:block; height:auto; padding:0; font-size:20px; line-height:1.5; text-align:left;}
.main h2 {display:block; display:-webkit-box; margin:0; text-align:left; line-height:30px; height:60px; text-overflow:ellipsis; white-space:normal; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.main .popBody {padding:0 0 36px;}
.popCont .btnArea.close_box {padding:17.5px 30px; border-top:1px solid #dedede; overflow:hidden;}
.popCont .btnArea.close_box .ipt_area {float:left;}
.popCont .btnArea.close_box input[type='checkbox'] + label {padding-left:35px; color:#666; font-size:18px; line-height:25px;}
.popCont .btnArea.close_box input[type='checkbox'] + label:before {top:50%; margin-top:-12.5px; width:25px; height:25px; background:none; border-radius:2px;}
.popCont .btnArea.close_box input[type='checkbox']:checked + label:before {background:url(/assets/user/images/chk_ipt_close.png) no-repeat 50% 50%; background-size:20px auto;}
.popCont .btnArea.close_box .btn_close_pop {float:right; position:relative; padding-left:25px; width:auto; height:25px; color:#000; font-size:20px; line-height:25px;}
.popCont .btnArea.close_box .btn_close_pop i {display:block; position:absolute; top:50%; left:0; width:15px; height:15px; margin-top:-7.5px; background:url(/assets/user/images/btn_modal_close.png) no-repeat center center; background-size:15px auto;}