@charset "utf-8";

/*reset*/
* {margin:0;padding:0;-webkit-text-size-adjust:none;}
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, thead, tbody, tr, th, td, form, fieldset, legend, input, textarea, button , img{margin:0; padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display: block;}
body{font-family:'Dotum','sans-serif'; text-align:left; color:#333; background-color:#fff;}
h1, h2, h3, h4, h5, h6, em, address{font-weight:normal;}
ul,ol,li,dl,dt,dd {list-style:none;}
i,em,address{font-style:normal;font-weight:normal;}
label,button{cursor:pointer;}
hr,legend {position:absolute;left:-1000%;top:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;}
fieldset,iframe{border:none;vertical-align:middle;}
img {vertical-align:top;border:none;border-width:0;}
button {background:none;border:none;-webkit-appearance: button;}
hr {display:none; visibility:hidden;}
table {width:100%; border:0; border-spacing:0px;}
legend, caption {width:1px; height:0; font-size:0; line-height:0; overflow:hidden;}
input, textarea, button {line-height: 1.2; vertical-align:middle;}
a{color:inherit;}
a:link, a:hover, a:focus, a:active, a:visited {text-decoration:none;}
html {font-size:62.5%;padding:0;margin:0;}
body{background:#FFF; width:100%; overflow-x:hidden; font-size:1.6rem; line-height:1.8rem; font-family:'Apple SD Gothic Neo', sans-serif, Arial, Helvetica, "맑은 고딕", "Malgun Gothic", '돋움', 'dotum';}
.win_status{position:fixed;width:100%;height:100%;left:0;top:0;z-index:-999;} 
.hid{position:absolute;top:-1px; left:0; width:1px;height:1px;font-size:1px;line-height:0; font-size:1px; color:rgba(255, 255, 255, 0); overflow:hidden;}
.mask{display:none; width:100%;height:100%;position:absolute;top:0;left:0;background:#000;opacity:0.5;z-index:6000;overflow:hidden}
.mask2{display:none; width:100%;height:100%;position:absolute;top:0;left:0;background:#000;opacity:0;z-index:6000;overflow:hidden}
.hid_tit{display:none; font-size:0; line-height:0}




/*skip navigation*/
#skipNav {overflow:hidden; position:absolute; top:0; left:0; width:100%;}
#skipNav a {position:relative; display:block; height:0px; width:0px; margin:0 -1px -1px 0; overflow:hidden; line-height:0; text-align:center;}
#skipNav a:focus,
#skipNav a:hover,
#skipNav a:active {width:auto; height:2.8rem; margin:0; padding:.8rem 0;  background:#293478; margin:0; font-size:1.2rem;  line-height:1.2rem; color:#fff; font-weight:bold; z-index:10000; box-sizing:border-box;}

/*header*/
#header{position:relative; top:0; left:0; width:100%; color:#000; background:#f4f5f5;}
.header_wrap{position:relative; top:0; left:0; width:100%; max-width:1152px; height:10rem; margin:0 auto; box-sizing:border-box;}
.logo{position:absolute; top:3rem; left:8rem; z-index:7000; width:16rem; height:3rem; background:url(../images/common/logo_pc.png) 0 0 no-repeat; background-size:100%;}
.logo>a{display:block; height:100%; font-size:1px; color:rgba(255, 255, 255, 0);}
/*navigation*/
.nav_open{position:absolute; top:3rem; right:2rem; z-index:999}
.nav_slice1, .nav_slice2, .nav_slice1, .nav_slice3{display:block; width:3.2rem; height:0.2rem; margin-bottom:0.8rem; background:#000; transition:all .3s ease-in-out;}
.nav_slice3{margin-bottom:0}
.nav_close{position:absolute; top:3rem; right:2rem; z-index:6000}
.nav_close .nav_slice1{transform: rotate(45deg); margin-top:0.8rem}
.nav_close .nav_slice2{transform: rotate(-45deg); margin-top:-1rem}

#nav{display:none; position:fixed; top:0; right:-100%; z-index:6999; width:100%; box-sizing:border-box; overflow:hidden; background:#FFF}
#nav:after{content:""; position:absolute; top:8rem; left:0; width:100%; height:0.1rem; background:#f0f0f0}
.nav_wrap{width:100%; max-width:1152px; position:absolute; top:0; left:50%; margin-left:-576px; padding:0 0 5rem 8rem; box-sizing:border-box; background:#FFF; font-size:1.6rem; line-height:1.8rem; color:#333; letter-spacing:-0.6px; overflow:hidden}		
.nav_header{position:relative; top:0; left:0; padding-left:0rem;}
.nav_header_tit{position:relative; top:0; left:0; height:8rem;}
.btn_home{display:none; position:absolute; top:2.8rem; left:0;  width:2rem; height:2.2rem;}
.btn_home>img{width:100%;}
.logIn, .logOut{position:absolute; top:48%; transform:translateY(-43%); right:8rem; display: table;}
/*20.03.04 .logOut.company { top: 2.3rem; }*/
.logIn>*, .logOut>*{display:table-cell; vertical-align: middle; }
.btn_logIn, .btn_logOut{ display:inline-block; padding-bottom:0.2rem; margin-left:1.4rem; border-bottom:1px solid #000; font-weight:bold;}
.btnUserInfo { margin: 0 10px 0 5px; }
.welcomTxt { display: inline-block; }
.nav_scroll{padding-left:0rem; padding-top:5rem; height:100%; box-sizing:border-box; overflow:hidden}
.nav_1dep{position:relative; top:0; left:0;}
.nav_1dep>li{float:left; width:25%;}
.nav_1dep>li:nth-child(3n+2){clear:both; margin-left:25%}
.nav_1dep>li:nth-child(2){clear:inherit; margin:0}
.nav_1dep>li>a, .nav_1dep>li>p{display:block; font-weight:bold; font-size:2rem; line-height:2.2rem;}
.nav_1dep>li.nav2dep>a:after{content:""; display:none; position:absolute; top:2.4rem; right:2rem; width:1.5rem; height:1rem; transition:all .3s ease-in-out; background:url(../images/common/arrow01.png) 0 0 no-repeat; background-size:100%;}
.nav_1dep>li.nav2dep_on>a:after{display:none; transform:rotate(-180deg);}
.nav_2dep{display:block; position:relative; top:0; left:0; width:100%; padding:2rem 0 3rem 0; background:none;}
.nav_2dep>li>a{display:block; padding:0.8rem 0; font-size:1.8rem; line-height:2rem;}
.navOn, .nav_1dep>li>a:hover, .nav_2dep>li>a:hover{font-weight:bold; color:#292ea5}     
.nav2dep>a{cursor:default;}
.user_name { position: absolute; top: 3rem; right:7rem; display: inline-block; font-size:2rem;vertical-align: top; line-height: 1; }
.user_name > a, .user_name > span { display: inline-block; font-weight: 800; vertical-align: top; padding:0; color:#292ea5; }
.user_name > a { border-bottom: 1px solid #292ea5; }

.displayTable{display: table;}
.displayTable div, .displayTable input{display: table-cell;}


/* 개인정보 및 로그인 연장 */
.memInfo{position: absolute; top:3rem; right:7rem; display:inline-block; vertical-align:top; line-height:2.5rem;}
.memInfo span{display:inline-block; vertical-align:top; padding:0; color:#333; line-height: 2.5rem; font-size:2rem; }
.memInfo span > a { display: inline-block; font-weight: 800; vertical-align: top; padding:0; color:#292ea5; }
.memInfo .clock{padding: 0 0 0 2.5rem; color:#292ea5; font-size:2.4rem; background: url(../images/common/ico_clock.png) left center no-repeat; background-size:2.2rem 2.2rem;}
.memInfo .btn_clock{padding:0.3rem 1.4rem 0.4rem 1.4rem; border-radius:1.6rem; font-weight:normal; font-size:1.6rem; line-height:1.8rem; border:1px solid #333; color:#333;}
.notice{position: absolute; top:7rem; right:2rem; font-weight:800; padding-left:25px; background:url(../images/common/notice_m.png) left center no-repeat; background-size:2rem 2rem; color:#000;}

/*
.history_btn{position:absolute; top:1.8rem; left:2rem}
.history_btn>img{width:2.5rem; height:2rem;}
*/
/*nav iscroll bar
.nav_scroll .iScrollVerticalScrollbar{position: absolute; width:0.2rem; bottom:0rem; top:5rem; right:1rem; z-index:9999; overflow: hidden;}
.nav_scroll .iScrollVerticalScrollbar .iScrollIndicator{width: 100%; background:#292ea5}
*/
/*contents layout*/
#contents{width:100%; background:#f4f5f5;}

/*footer*/
#footer{width:100%; padding:6rem 0 8rem 0; background:#FFF; font-size:1.6rem; line-height:1.8rem; letter-spacing:-0.6px; color:#333;}
.footer_wrap{position:relative; top:0; left:0; width:100%; max-width:1152px; margin:0 auto; padding:0 2rem 0 8rem; box-sizing:border-box;}
.foot_logo>a{display:inline-block; width:17rem; height:3.4rem; background:url(../images/common/foot_logo_pc.png) 0 0 no-repeat; font-size:1px; line-height:1px; color:rgba(255, 255, 255, 0); overflow:hidden;}
.footer_contWrap{width:100%; margin-top:1.6rem;}
.footer_contList>li{position:relative; top:0; left:0; float:left; padding:0 2rem;}
.footer_contList>li:first-child{padding-left:0;}
.footer_contList>li.footer_copy{padding-right:0; padding-left:1rem;}
.footer_contList>li:after{content:""; position:absolute; top:0.4rem; left:0; width:1px; height:1.4rem; background:#d5d5d5}
.footer_contList>li.footer_copy:after, .footer_contList>li:first-child:after{width:0; height:0}
.footer_copy>a.wah{display:inline-block; position:relative; top:-2.6rem; left:1rem; width:6rem; height:4rem; background:url(../images/common/wah_pc.png) 0 0 no-repeat; font-size:1px; line-height:0px; color:rgba(255, 255, 255, 0);}

/*contents layout*/
#contents{position:relative; top:0; left:0; width:100%;}

/*common*/
.font_bold{font-weight:bold !important}
.fontColor01{color:#292ea5 !important}
.fontColor02{color:#fd0000 !important}
.fontColor03{color:#0089fe !important}
.fontColor04{color:#333 !important}
.fontColor05{color:#666 !important}
.font_st01{color:#666; font-size:1.8rem; line-height:2.2rem}
.font_st02{font-size:1.5rem !important; line-height:1.8rem !important}
.font_st03{color:#1428a0; font-size:2rem; line-height:2.2rem; letter-spacing:-1px;}
.font_st04{font-weight:bold; font-size:1.4rem;}
.font_st05{font-size:1.4rem;}
.link_st01 { display: inline-block; line-height: 1.2; vertical-align: text-bottom; border-bottom: 1px solid #292ea5; color:#292ea5; }
.w100{width:100% !important}
.bul_refer{padding-left:2.4rem; background:url(../images/common/bul_refer.png) 0 4px no-repeat; background-size:1.8rem 1.7rem;}
.m0{margin:0 !important}
/* 20230130 css 수정 */
.ml08rem{margin-left: 0.8rem;}
/* 20230130 css 수정 */
.m10{margin:1rem !important}
.m20{margin:2rem !important}
.mt5{margin-top:0.5rem !important}
.mt10{margin-top:1rem !important}
.mt20{margin-top:2rem !important}
.mt30{margin-top:3rem !important}
.ml10{margin-left:1rem !important}
.ml20{margin-left:2rem !important}
.ml30{margin-left:3rem !important}
.mb10{margin-bottom:1rem !important}
.mb30{margin-bottom:3rem !important}
.mr08{margin-right: 0.8rem !important;}
.pl35{padding-left:3.5rem !important}
.p0{padding:0 !important}
.pt0{padding-top:0 !important}
.pb0{padding-bottom:0 !important}
.pt20{padding-top:2rem !important}
.pb20{padding-bottom:2rem !important}
.pt30{padding-top:3rem !important}
.pb30{padding-bottom:3rem !important}
.clear_b{clear:both !important}
.border_n{border:none !important}
.border_t{border-top:1px solid #e4e4e4  !important}
.align_c{text-align:center !important}
.align_l{text-align:left !important}
.align_r{text-align:right !important}
.valign_t{vertical-align:top !important}
.valign_m{vertical-align:middle !important}
.valign_b{vertical-align:bottom !important}
.overflow_h{overflow:hidden;}
.dis_b{display:block !important}
.posRel { position: relative; }
.posSta{position: static !important;}
.add_info { display: block; }
.fontColor06 { color:#4353b3; }
/* 20230214 */
.dis_ib{display: inline-block;}
/* 20230214 */

/* 대체텍스트 and 숨김처리 */
caption, legend,
.blind {top:0 !important;left:0 !important;overflow:hidden !important;width:0 !important;height:0 !important;margin:0 !important;padding:0 !important;border:0 !important;font-size:0 !important;line-height:0 !important;text-indent:-9999px !important;}
legend, .blind, .a11y_hidden {position:absolute !important;}
.a11y_hidden {top:0 !important;left:0 !important;overflow:hidden !important;margin:0 !important;padding:0 !important;border:0 !important;text-indent:-9999px !important;opacity:0;}
/*pc mobile*/
.pcOnly{}
.mbOnly{}
.transBtn{}
.foot_mbOnly{}
/*button*/
.hide_tag{display: none !important;}
.btn_wrap01{margin:4.5rem 0;}
.btn_s01{display:inline-block; padding:1.6rem 4rem 1.6rem 5rem; background:#FFF; border:1px solid #292ea5; border-radius:4px; color:#292ea5; font-weight:bold; font-size:1.4rem; line-height:1.6rem;}
.btn_s01>span{padding-right:3rem; background:url(../images/common/arrow02.png) right center no-repeat;}
.btn_wrap02{width:100%; max-width:1152px; margin:0 auto; padding:5.5rem 2rem 10rem 8rem; box-sizing:border-box; text-align:center; font-size:0;  line-height:0}
.btn_wrap03{font-size:0; margin-top:1.5rem;position: relative;}
.btn_wrap04{width:100%; padding:6rem 0 2rem 0; text-align:center; font-size:0; line-height:0}
.btn_wrap07{width:100%; padding:4rem 0 2rem 0; text-align:center; font-size:0; line-height:0}
.btn_wrap10{width:100%; padding:1.5rem 0 0rem 0; text-align:right; font-size:0; line-height:0}
.btn_wrap11{ display: inline-block;text-align: right;margin-right: 5rem;}
.btn_wrap09{text-align: right;}
.btn_wrap05, .btn_wrap06{width:100%; padding:1rem 0; clear:both; overflow:hidden; text-align:right;  font-size:0; line-height:0}
.btn_s02{display:inline-block; width:20rem; padding:2rem 0; background:#757575; border-radius:4.2rem; color:#FFF; text-align:center; font-weight:bold; font-size:1.8rem; line-height:1.9rem; vertical-align:top; letter-spacing:-1px;}
.btn_s03{display:inline-block; width:20rem; padding:2rem 0; background:#292ea5; border-radius:4.2rem; color:#FFF; text-align:center; font-weight:bold; font-size:1.8rem; line-height:1.9rem; vertical-align:top; letter-spacing:-1px;}
.btn_s02+.btn_s03{margin-left:1rem;}
.btn_s03+.btn_s03{margin-left:1rem;}
.btn_s04{display:inline-block; padding:1rem 1.8rem; background:none; border:1px solid #292ea5; border-radius:1.8rem; color:#292ea5; font-size:1.2rem; line-height:1.4rem;}
.btn_s05{display:inline-block; padding-bottom:0.2rem; margin-left:1rem; border-bottom:1px solid #878ac5; color:#878ac5; font-size:1.4rem; line-height:1.6rem;}
.btn_s06{display:inline-block; padding-bottom:0.2rem; border-bottom:1px solid #292ea5; color:#292ea5; font-weight:bold; font-size:1.4rem; line-height:1.6rem;}
.btn_s07{display:inline-block; padding-right:2rem; font-weight:bold; color:#000; font-size:2rem; line-height:2.2rem; background:url(../images/common/arrow05.png) right center no-repeat; background-size:1.6rem 1.6rem;}
.btn_s08{display:inline-block; padding:1.4rem 2.4rem 1.6rem 2.4rem; border:1px solid #e0e0e0; border-radius:0.8rem; color:#333; text-align:Center; font-size:1.4rem; line-height:1.6rem;}
.btn_s08>span{border-bottom:1px solid #000}
.btn_s09{display:inline-block; padding:1.4rem 2.4rem 1.6rem 2.4rem; background:#292ea5; border-radius:0.8rem; color:#FFF; text-align:Center; font-size:1.4rem; line-height:1.6rem;}
.btn_s09>span{border-bottom:1px solid #FFF}
.btn_s10{display:inline-block; padding:1.6rem 6rem; background:#757575; border-radius:4.2rem; color:#FFF; text-align:center; font-weight:bold; font-size:1.6rem; line-height:1.8rem; vertical-align:top; letter-spacing:-1px;}
.btn_s11{display:inline-block; padding-bottom:0.2rem; border-bottom:1px solid #000; color:#000; font-size:1.8rem; line-height:2rem;}
.btn_s12{display:inline-block; padding:1.4rem 3.4rem 1.5rem; background:#FFF; border-radius:3.5rem; color:#333; font-size:1.8rem; line-height:2rem;}
.btn_s13{display:inline-block; padding:0.8rem 1.8rem 0.9rem 1.8rem; background:#1428a0; border:1px solid #1428a0; border-radius:0.4rem; color:#FFF; font-size:1.4rem; line-height:1.6rem;}
.btn_s14{display:inline-block; padding:0.8rem 2rem 0.9rem 2rem; background:#333; border:1px solid #333; border-radius:2rem; color:#FFF; font-size:1.4rem; line-height:1.6rem;}

/* 20230130 css 수정 */
.btn_s15{display:inline-block; padding:1rem 0rem; background:none; border:1px solid #292ea5; border-radius:1.8rem; color:#292ea5; font-size:1.2rem; line-height:1.4rem; width: 8.6rem; text-align: center;}
.btn_s16{display:inline-block; padding:1.25rem 0rem; background:#292ea5; border:none; border-radius:1.8rem; color:#fff; font-size:1.2rem; line-height:1.4rem; width: 8.6rem; text-align: center;}
.btn_s17{display:inline-block; padding:0.8rem 1.8rem 0.9rem 1.8rem; background:#c70000; border:1px solid #c70000; border-radius:0.4rem; color:#FFF; font-size:1.4rem; line-height:1.6rem;}
.btn_line{display: inline-block;border: 1px solid #1428a0;background: none;vertical-align: top;position: relative;border-radius: 0.4rem;height: 3.3rem;width: 3.6rem;}
.btn_line + .btn_line{margin-left: 0.8rem; margin-right: 0.8rem;}
.btn_bg1{background:none; border:1px solid #1428a0; color:#1428a0;}
.btn_bg2{background:#757575; border:1px solid #757575; color:#FFF;}
.btn_bg3{background:#f0f0f0; border:1px solid #e0e0e0; color:#333;}
.btn_s13+.btn_s13{margin-left:0.8rem;}
.popBtn_wrap00{width:100%; padding:4rem 0 2rem 0; text-align:center; overflow:hidden}
.popBtn_wrap01{width:100%; padding:4rem 0 2rem 0; text-align:center; overflow:hidden}
.popBtn_wrap02{width:100%; padding:3rem 0; text-align:center; overflow:hidden}
.popBtn_wrap03{ padding:0; position: relative;}
.btn_s10+.btn_s10{margin:0 1rem;}
.tbl_scroll_btn{position:absolute; bottom:0; left:0; width:100%; padding-top:1.5rem; text-align:right;}
.tbl_scroll_btn3{position:absolute; bottom:-30px; left:0; width:100%; padding-top:1.5rem; text-align:right;}

.btn_txt{margin-top:3rem; color:#666; font-size:1.6rem; line-height:1.8rem;}
.btn_pot_wrap{position:relative; top:0; left:0; width:100%;}
.btn_pot{position:absolute; top:3.8rem; right:0}

/* 20230130 */
.tbl_scroll_btn2{padding-top:1.5rem; text-align:right;}
.btn_pot2{position: absolute; top: 1rem; left: 0;}
.btn_pot3{position:absolute; top:0; right:0; margin-top:0;}
.pos_absolute{position: absolute;}
.btn_pot_wrap + .tabel_wrap_v{margin-top: 8.5rem;}
.tabel_wrap thead th span{font-size: 1.2rem; line-height: 1.4rem; color: #292ea5;}
.tab_btn_wrap{ position: relative;top: 0;left: 0;width: 100%;max-width: 1152px;}
.tab_btn_wrap .btn_pot{ top: 0;}
.btn_download{margin-left: 1.5rem;font-weight: 600;font-size: 1.4rem; line-height: 1.6rem; background-color: #1839c1; box-shadow:1px 1px 2px #001170;   padding: 1rem 1.5rem;border-radius: 1.5rem;}
.icon_download{background: url('../images/contents/manual_download_icon.png') no-repeat center right/ 100%; width: 1rem ;height:1.2rem; display: inline-block;}
.preview_btn{color: #292ea5; font-size: 1.5rem; line-height: 1.8rem;}
.preview_btn span{    padding: 0 1.4rem 0 0;
    background: url(../images/common/ico_tooltip.png) right center no-repeat;
    background-size: 0.8rem 1.4rem;}
.preview_btn:hover{border-bottom: 1px solid #292ea5;}
/* 20230130 */




.btn_wa1{width:auto; padding:1.8rem 4rem}
.btn_wrap07_d{width:100%; padding:4rem 0 2rem 0; text-align:center; font-size:0; line-height:0}
.btn_wrap08{position:relative; top:0; left:0; width:100%; padding:1rem 0; text-align:center}
.btnWrap:after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255, 255, 255, 0.6);}
.btn_pw1{display:inline-block; width:28rem; box-sizing:border-box; padding:1.8rem 0 1.8rem 7rem; background:#FFF url(../images/common/ico_ceri_t1.png) 3rem center no-repeat; background-size:14px 22px; border:1px solid #333;  border-radius:4.2rem; color:#333; text-align:left; font-weight:bold; font-size:1.6rem; line-height:1.8rem; vertical-align:top; letter-spacing:-1px;}
.btn_pw2{background:#1428a0 url(../images/common/ico_ceri_t2.png) 3rem center no-repeat; background-size:14px 19px; border:1px solid #1428a0; color:#FFF}
.btn_pw3{background:#ffd200 url(../images/common/ico_ceri_t3.png) 3rem center no-repeat; background-size:16px 13px; border:1px solid #ffd200; color:#000}
.btn_pw_p1{display:inline-block; width:28rem; box-sizing:border-box; padding:1.8rem 0 1.8rem 7rem; background:#ffd200 url(../images/common/ico_ceri_t3.png) 3rem center no-repeat; background-size:20px 16px; border:1px solid #ffd200;  border-radius:4.2rem; color:#333; text-align:left; font-weight:bold; font-size:1.8rem; line-height:1.9rem; vertical-align:top; letter-spacing:-1px;}
.popup_joinBtnWrap{text-align:center; padding:2rem 0;}
.popup_joinBtnWrap>p{margin-top:2rem;}
.popup_joinBtnWrap>p:first-child{margin-top:0;}
.popup_joinBtnWrap>p:last-child { margin-top: 3rem; font-size: 1.4rem; }
.popup_joinBtnWrap>p:nth-child(3) { width: 28rem; margin: 1.5rem auto 0; }

/* 20230130 css 수정 */
.icon_arrow_up{color: #1428a0;font-size: 1rem;text-align: center;position: absolute;top: 50%;transform: translate(-50%, -50%);left: 50%;}
.icon_arrow_down{color: #1428a0;font-size: 1rem;text-align: center;position: absolute;top: 50%;transform: translate(-50%, -50%);left: 50%;}
/* 20230130 */


/*input*/
input{/* -webkit-appearance:none;  */border:none;}
input[type=radio]{width:2rem; height:2rem; padding:0; margin:-1px; /* clip:rect(0 0 0 0); overflow:hidden; */}
input[type=checkbox]{width:2rem; height:2rem; padding:0; margin:-1px; /* clip:rect(0 0 0 0); overflow:hidden; */}
.icoRequired{padding-left:0.4rem;}
.icoRequired img{width:1rem; height:1rem}
.input_t1{display:block; width:100%; height:50px; background:none; border-bottom:1px solid #ddd; box-sizing:border-box; color:#333; font-size:1.6rem; line-height:1.8rem;}/*basic*/
.input_t1:focus{outline:none; border-bottom:1px solid #292ea5;}
/* input.input_t1::placeholder{font-size:1.2rem; line-height:1.6rem;} */
.input_focus{border-bottom:1px solid #292ea5; color:#333} /*입력중*/
.input_readOnly, .input_disabled{border-bottom:1px solid #ddd; color:#666}
.placeholder_input{position:relative; top:0; left:0}
.placeholder_input label{position:absolute; top:1.2rem; left:0;  width:100%; color:#888; font-size:1.8rem; line-height:2.2rem; letter-spacing:-1px; white-space:nowrap; word-wrap:normal; text-overflow:ellipsis; overflow:hidden;}
/* .placeholder_input label.a11y_hidden{display: none;} */
.input_phoneNumber{display:table; width:100%;}
.input_phoneNumber>li{display:table-cell; width:33%; padding-left:0.8rem; box-sizing:border-box; vertical-align:middle;}
.input_phoneNumber>li:first-child{padding:0; width:34%;}
.input_email{display:table; width:100%;}
.input_email>li{display:table-cell; padding-left:0.8rem; box-sizing:border-box; vertical-align:middle;}
.input_email>li:nth-child(1){padding:0;}
.input_email>li:nth-child(2){width:4rem; text-align:center;}
.input_email>li:nth-child(4){width:34%}
.input_regidentNumber{display:table; width:100%;}
.input_regidentNumber>li{display:table-cell; box-sizing:border-box; vertical-align:middle;}
.input_regidentNumber>li:nth-child(1), .input_regidentNumber>li:nth-child(3){width:(50% - 20px);}
.input_regidentNumber>li:nth-child(2){width:40px; text-align:center;}
.input_list_s01{width:100%; overflow:hidden}
.input_list_s01>li{display:inline; position:relative; top:0; left:0; line-height:2rem; margin-left:5rem; vertical-align:top}
.input_list_s01>li:first-child{margin-left:0;}
.input_btn2Data{display:table; width:100%;}/*input + btn*/
.input_btn2Data>div{display:table-cell; vertical-align:bottom;}
.input_btn2Data>div.btn2Data_last{width:15rem; text-align:right;}
.input_btn2Data>div.btn2Data_last_d{width:13rem; text-align:right; vertical-align:middle}
.input_btn2Data>div.btn2Data_last_d1{width:9rem;}
/* 하나의 리스트 */
.input_btn2Data.oneList{width:60%;margin-bottom: 2rem;}

.input_btn2Data_txt{display:table; width:100%;}/*input + text*/
.input_btn2Data_txt>div{display:table-cell; width:50%; vertical-align:middle; box-sizing:border-box;}
.input_btn2Data_txt>div:nth-child(1){padding-right:1rem;}
.input_btn2Data_txt>div:nth-child(2){padding-left:1rem;}
.file_upload{position:relative; top:0; left:0; width:100%;}
.file_upload label{position:absolute; bottom:0; right:0}
.file_upload input[type=text]{width:calc(100% - 130px)}
/* 20230130 css 수정 */
.file_upload .file_upload_close{content: "";width: 2rem;height: 2rem; display: inline-block; position: absolute; right: 10rem;top: 50%; transform: translateY(-50%); z-index: 9; cursor: pointer; } 
.file_upload .file_upload_close::before , .file_upload .file_upload_close::after{content: ""; left: 0;position: absolute; width: 1px; height: 2rem; background-color: #000;left: 50%;} 
.file_upload .file_upload_close::before {transform: rotate(45deg);} 
.file_upload .file_upload_close::after{transform: rotate(-45deg);} 
.getfileLi{position: relative;}
.getfile +  .file_upload_close{content: "";width: 2rem;height: 2rem; display: inline-block; position: absolute; right: -1rem;top: 50%; transform: translateY(-50%); z-index: 9; cursor: pointer; } 
.getfile +  .file_upload_close::before , .getfile + .file_upload_close::after{content: ""; left: 0;position: absolute;z-index: 99; width: 1px; height: 1rem; background-color: #292ea5;} 
.getfile +  .file_upload_close::before {transform: rotate(45deg);} 
.getfile +  .file_upload_close::after{transform: rotate(-45deg);} 
/* 20230130 css 수정 */



input[type=file]{position:absolute; top:0; left:0; width:1px; height:0; outline:0; border:none; font-size:0; line-height:0; overflow:hidden;}
input[type=file]:focus+label{box-shadow: 0 0 1px 1px rgb(94, 158, 214);}
.tbl_inputWrap{font-size:0; line-height:0 ;display: table;}
.tbl_inputWrap input , .tbl_inputWrap  label{display: table-cell;}

.input_vote1{border:none}
.inputOnly_w1 dd{padding-top:3rem;}
input[type=password].input_t1{font-size:3rem; letter-spacing:6px}/*20191104 추가*/
/* 20.03.06 추가 */
.input_data.col2 > dd > input:first-child { float: left; width: 60%; }
.input_data.col2 > dd > input:last-child { float: right; width: 35%; }


/*radio button*/
/* .radio_t01+label{display:inline-block; position:relative; top:0; left:0; font-size:1.8rem; line-height:1.9rem;}
.radio_t01+label>div{display:block; padding-left:3rem;}
.radio_t01+label>div:before{content: ""; position:absolute; top:0px; left:0;  width:2rem; height:2rem; border-radius:8px; background:url(../images/common/radio_off.png) 0 0 no-repeat;background-size:2rem 2rem}
.radio_t01:checked+label>div:before{background:url(../images/common/radio_on.png) 0 0 no-repeat;background-size:2rem 2rem;}
.radio_t01:focus+label>div:before{box-shadow: 0 0 2px 2px rgb(94, 158, 214);}
.radio_t01:focus{outline:none}
.radio_t01+label+.radio_t01{margin-left:5rem}
 */
.radio_t01+label{display:inline-block; position:relative; top:0; left:0; font-size:1.8rem; line-height:1.9rem; vertical-align:middle;}
.radio_t01+label>div{display:block; padding-left:1rem;}
.radio_t01{width:2rem; height:2rem; border-radius:8px; background:url(../images/common/radio_off.png) 0 0 no-repeat;background-size:2rem 2rem; vertical-align:middle; -webkit-appearance:none; -webkit-box-sizing:border-box; -webkit-border-radius:0; border:none; }
.radio_t01:checked{background:url(../images/common/radio_on.png) 0 0 no-repeat;background-size:2rem 2rem;}
.radio_t01:focus{box-shadow: 0 0 2px 2px rgb(94, 158, 214);}
.radio_t01:focus{/* outline:none */}
.radio_t01+label+.radio_t01{margin-left:5rem}
 
 
/*check box*/
.chk_t01+label{display:inline-block; position:relative; top:0; left:0; font-size:1.8rem; line-height:1.9rem; vertical-align:middle;}
/* .chk_t01+label>div{display:block; padding-left:3rem; vertical-align:middle}
.chk_t01+label>div:before{cursor:pointer;content: ""; position:absolute; top:0px; left:0; width:2rem; height:2rem; border-radius:8px; background:url(../images/common/check_off.png) 0 0 no-repeat;background-size:2rem 2rem;}
.chk_t01:checked+label>div:before{background:url(../images/common/check_on.png) 0 0 no-repeat; background-size:2rem 2rem;}
.chk_t01:focus+label>div:before{box-shadow: 0 0 2px 2px rgb(94, 158, 214);} */

.chk_t01+label>div{display:block; padding-left:1rem; vertical-align:middle}
.chk_t01{display:inline-block; width:2rem; height:2rem; border-radius:8px; background:url(../images/common/check_off.png) 0 0 no-repeat;background-size:2rem 2rem; vertical-align:middle; -webkit-appearance:none; -webkit-box-sizing:border-box; -webkit-border-radius:0; border:none; }
.chk_t01:checked{background:url(../images/common/check_on.png) 0 0 no-repeat; background-size:2rem 2rem;}
.chk_t01:focus+label>div:before{box-shadow: 0 0 2px 2px rgb(94, 158, 214);}

.chk_t01:focus{/* outline:none */}
.chk_t01+label+.chk_t01{margin-left:5rem}
/*chk list 191014 추가*/
.chk_list{width:100%; overflow:hidden; box-sizing:border-box;}
.chk_list>li{float:left; width:calc(50% - 8px); margin:16px 8px 0 8px;}
.chk_list>li:nth-child(2n+1){margin-left:0}
.chk_list>li:nth-child(2n){margin-right:0}
.inputChk_data{padding-top:2rem; font-size:1.6rem; line-height:1.8rem;}
.inputChk_data>dt{font-weight:bold;}
.inputChk_data>dd>.chk_list{margin-top:0.4rem}
.inputChk_data+.inputChk_data{padding-top:3rem;}
/* .chk_t02_wrap{font-size:0; line-height:0; position:relative} 접근성 원복*/
.chk_t02_wrap{position:relative}
/* .chk_t02+label{display:block; position:relative; top:0; left:0; width:100%; padding:2rem; font-size:1.8rem; line-height:1.9rem; letter-spacing:-0.8px; vertical-align:top; border:1px solid #ddd; box-sizing:border-box;}
.chk_t02+label>div{display:block; padding-left:3rem;}
.chk_t02+label>div:before{content: ""; position:absolute; top:2rem; left:2rem; width:2rem; height:2rem; border-radius:8px; background:url(../images/common/check_off.png) 0 0 no-repeat;background-size:2rem 2rem;}
.chk_t02:checked+label>div:before{background:url(../images/common/check_on.png) 0 0 no-repeat; background-size:2rem 2rem;}
.chk_t02:checked+label{border:1px solid #1428a0;}
.chk_t02:focus+label>div:before{border:none box-shadow: 0 0 2px 2px rgb(94, 158, 214);}
.chk_t02:focus++label{outline:none} */
.chk_t02_wrap input[type=checkbox]{z-index:1; position:absolute; top:2.2rem; left:2rem; background:url(../images/common/check_off.png) 0 0 no-repeat;background-size:2rem 2rem; vertical-align:middle; -webkit-appearance:none; -webkit-box-sizing:border-box; -webkit-border-radius:0; border:none;}
.chk_t02_wrap input[type=checkbox]:checked{background:url(../images/common/check_on.png) 0 0 no-repeat; background-size:2rem 2rem;}
.chk_t02+label{display:block; position:relative; top:0; left:0; width:100%; padding:2rem; font-size:1.8rem; line-height:1.9rem; letter-spacing:-0.8px; vertical-align:top; border:1px solid #ddd; box-sizing:border-box;}
.chk_t02+label>div{display:block; padding-left:3rem;}
/* .chk_t02+label>div:before{content: ""; position:absolute; top:2rem; left:2rem; width:2rem; height:2rem; border-radius:8px; background:url(../images/common/check_off.png) 0 0 no-repeat;background-size:2rem 2rem;} */
/* .chk_t02:checked+label>div:before{background:url(../images/common/check_on.png) 0 0 no-repeat; background-size:2rem 2rem;} */
.chk_t02:checked+label{border:1px solid #1428a0;}
/*  기존 오류항목 */
/* .chk_t02:focus+label>div:before{box-shadow: 0 0 2px 2px rgb(94, 158, 214);}
.chk_t02:focus+label{} */
.chk_t02:focus+label{box-shadow: inset 0 0 1px 1px #1428a0;} /*  접근성 원복*/
.chk_t02:focus:hover+label{box-shadow: none;}

/*select box*/
/* .select_list_wrap ul{max-height: 195px;overflow-y: auto;}
.select_list_wrap ul::-webkit-scrollbar{width: 2px;background: rgba(255, 255, 255, 1);}
.select_list_wrap ul::-webkit-scrollbar-thumb{background-color: #292ea5;} */
.custom_form_select{width:100%; display:none}
.custom_view_select{position:relative; top:0; left:0; width:100%; height:5rem;}
/* 20230208 */
.custom_view_select >a img{transition:all .3s ease-in-out;}

/* 20230208 */



.custom_form_select_wrap.on .select_view_btn img{transform: rotate(180deg); top: 1.4rem; }
.custom_form_select_wrap .select_view_btn img{position: absolute;top: 1.4rem;right: 0.8rem;width: 1.8rem;height: 1.2rem; }
.custom_selected{display:block; width:100%; height:5rem; padding:1rem 0; padding-right:2.4rem; border-bottom:1px solid #848484; background:#f4f5f5; box-sizing:border-box; text-align:left; color:#666; font-size:1.8rem; line-height:1.9rem; white-space:nowrap; word-wrap:normal; text-overflow:ellipsis; overflow:hidden;}
.custom_selected.on{color:#333}
.select_view_btn{position:absolute; top:0; width:100%; height:5rem; padding-right:0; padding-top:0rem; text-align:right; box-sizing:border-box; overflow:hidden;}
.select_view_btn:focus{/* outline:none; */ border-bottom:1px solid #292ea5;}
.select_view_btn>img{position:absolute; top:1.4rem; right:0.8rem; width:1.8rem; height:1.2rem;}
.select_list_wrap{display:none; position:absolute; top:5rem; left:0; width:calc(100% + 6px); z-index:999; background:#FFF}
.select_list{border:1px solid #d7d7d7; font-size:1.6rem; color:#333; margin-top:-1px ;overflow-y: auto; max-height: 405px;}
/* 20230206 */
.select_list_exc{max-height: 246px;}
/* 20230206 */
.select_list>li>a{display:block; padding:10px 20px; border-bottom:1px solid #ddd;  box-sizing:border-box;}
.select_list>li:last-child>a{border-bottom:none}

.select_list>li.on>a{background:#f1f1f1}
.defaul_select{width:100%; height:5rem; padding:1rem 0.6rem; border:none; border-bottom:1px solid #d7d7d7; font-size:1.6rem; line-height:2rem; color:#0f0f0f; box-sizing:border-box}

/*list*/
.dot_list{overflow:hidden}	
.dot_list>li{padding-left:1.2rem; margin-bottom:0.8rem; background:url(../images/common/bul_dot.png) 0 0.8rem no-repeat; background-size:0.4rem 0.4rem}
.dot_list>li:last-child{margin:0;}
.list_box_wrap1{width:100%; max-width:1152px; margin:0 auto; padding:0 2rem 0 28rem; box-sizing:border-box}
.list_box{width:100%; padding:2rem; margin-top:2rem; box-sizing:border-box; background:#eceded; color:#333; font-size:1.4rem; line-height:1.6rem;}
.caution_wrap{padding-left:3.4rem; margin-ttbl_scroll_btn2op:6rem; background:url(../images/common/ico_info_d.png) 0 0 no-repeat; font-size:1.5rem;}
.caution_wrap>p{margin-bottom:2rem; color:#000; font-weight:bold; font-size:1.8rem; line-height:2rem; letter-spacing:-1px;}
.caution_wrap1{font-size:1.5rem; line-height:1.7rem;}
.dash_list{overflow:hidden;}
.dash_list>li{display:table; width:100%; margin-bottom:0.4rem; overflow:hidden}
.dash_list>li>p{display:table-cell; vertical-align:top}
.dash_list>li>p:first-child{width:1.6rem;}
.dash_list>li:last-child{margin-bottom:0;}

/*data list*/
.list_data_tit{width:100%; padding:2rem 0; box-sizing:border-box; margin:1rem 0; border-bottom:1px solid #e1e1e1; font-weight:bold; font-size:1.8rem; line-height:2rem; letter-spacing:-1px;}
.list_data_tit_flex{display: flex; justify-content: space-between; align-items: center;}
.list_data_tit_flex .modBtn{padding-left: 20px !important;  flex-shrink: 0;}
.gsm_scedule_cont .list_data_tit:nth-child(1){padding-top:0}
.list_data01{padding:1rem 1.5rem; border-top:1px solid #000; border-bottom:1px solid #dedede;}
.list_data01>li{padding:1rem 0;}
.list_data02{border-top:1px solid #000; border-bottom:1px solid #dedede;}
.list_data02>li{border-bottom:1px solid #dedede;}
.list_data02>li:last-child{border-bottom:none;}
.list_data03{border-top:1px solid #000; overflow:hidden;}
.list_data03>li{float:left; width:50%; border-bottom:1px solid #e4e4e4;}

.list_data04{display: table;}


/* 20230130 css 수정 */
.list_data03.list_data_mg{margin-top: 3rem;}
.list_data03 .list_data03_clear{width: 100%;}
.list_data03 .list_data03_clear dt{width: calc(100% - 80%);}
.list_data03 .list_data03_clear .data_listCon04 dt{width:20rem;}
.list_data03 .list_data03_clear dd{border-right: none;}
.popup_tit_flex{display: flex; align-items: center; }
.popup_tit.popup_prev span:nth-child(1){position: relative;}
.popup_tit.popup_prev span:nth-child(1)::after{content: ''; display: block; position: absolute; right: -1rem;top: 0.75rem; height: 2rem; width: 1px ;background-color: #aaa;}
.popup_tit.popup_prev span:nth-child(2){font-size: 1.8rem; line-height: 2rem;margin-left: 1rem;  color: #1428a0;}
.popup_tit span{flex-shrink: 0;}
.data_listCon06{  display: table;width: 100%;font-size: 1.4rem;line-height: 1.6rem;text-align: left;}
.data_listCon06>dt{display: table-cell;width: 14rem;padding: 1rem 1rem;background: #f0f0f0;box-sizing: border-box;vertical-align: middle;font-weight: bold;color: #333;letter-spacing: -1px;}
.data_listCon06>dd{    display: table-cell;padding: 1rem 1rem;box-sizing: border-box;vertical-align: middle;color: #666;}
.vv_li_clear{clear: both;display: block;}
.popup_preview_tit{padding-bottom: 2rem; position: relative; border-bottom: 1px solid #ddd; top: 0;}
.popup_vote_tit .d_stateWrap{margin-left: 1rem;font-size: 1.4rem; line-height: 1.6rem;}
.popup_vote_tit .dState { width: 2rem;height: 2rem;padding-top: 0.2rem}
.vv_preview{width: 100%;border-bottom: 1px solid #dedede; margin-top: 1.4rem;}
.vv_preview_wrap{overflow: hidden;width: 100%;max-width: 1152px;margin: 0 auto;padding: 0 0 4rem 0;box-sizing: border-box;overflow: hidden;}
.vv_preview_list{font-size: 0;line-height: 0;text-align: left;}
.vv_preview_list> li{float: left;margin-top: 1.8rem;padding: 0 0.6rem;box-sizing: border-box;text-align: center;}
.vv_preview_list> li::after{content: '';position: absolute;clear: both;}
.vv_preview_cont{position: relative;top: 0;left: 0;width: 17.2rem;height:17.2rem;padding: 3.5rem 2rem;box-sizing: border-box;background: #ececec;}
.vv_preview_tit{color: #000;font-weight: bold;font-size: 1.6rem;line-height: 1.8rem;letter-spacing: -1.5px;white-space: nowrap;word-wrap: normal;text-overflow: ellipsis;overflow: hidden;}
.vv_preview_txt{ width: 100%;margin-top: 0.5rem;color: #666;font-size: 1.6rem;line-height: 1.8rem;overflow: hidden;}    
.vv_line{margin: 2.5rem auto;width: 3rem;height: 2px;background: #1428a0;}

.ellipsis1{overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.ellipsis2{overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.vv_num{ position: absolute;left: 50%;top: -1.2rem;transform: translateX(-50%);margin-left: 0rem;width: 3rem;height: 3rem;padding-top: 0.6rem;font-weight: bold;font-size: 1.4rem;line-height: 1.6rem;box-sizing: border-box;box-shadow: 0 5px 15px 3px rgb(207 207 207);background: #FFF;border-radius: 50%;}
.popup_preview_tit>div.ss_data_contTit_time{position:absolute; top:0rem; right:2rem; width:auto; vertical-align:top; padding-left:3rem; color:#666; font-weight:bold; font-size:1.2rem; line-height:2rem; letter-spacing:-1px;
    background:url(../images/common/ico_time_pc.png) 0 1px no-repeat; background-size:1.8rem 1.8rem;}


/* 20230130 css 수정 */



.data_listCon01{display:table; width:100%; color:#333; font-size:1.8rem; line-height:2rem;}
.data_listCon01>dt{display:table-cell; width:40%; vertical-align:top;}
.data_listCon01>dd{display:table-cell; width:60%; vertical-align:top; text-align:right}
.data_listCon02{display:table; width:100%; padding:2rem 0;}
.data_listCon02>dt{display:table-cell; width:26rem; padding-right:2rem; box-sizing:border-box; vertical-align:top; font-weight:bold; color:#333; font-size:3rem; line-height:3.6rem; letter-spacing:-1px;}
.data_listCon02>dd{display:table-cell;vertical-align:top; color:#333; font-size:1.8rem; line-height:2rem;}
.data_listCon03{display:table; width:100%; font-size:1.6rem; line-height:1.8rem;}
.data_listCon03>dt{display:table-cell; width:15rem; padding:2rem; background:#f5f5f5; box-sizing:border-box; vertical-align:top; font-weight:bold; color:#333; letter-spacing:-1px;}
.data_listCon03>dd{display:table-cell; padding:2rem; box-sizing:border-box; vertical-align:top; color:#666;}
.data_listCon01>dd>span, .data_listCon04>dd>span{display:inline-block;}
.data_listCon04{display:table; width:100%; font-size:1.8rem; line-height:2rem; text-align:left;}
.data_listCon04>dt{display:table-cell; width:20rem; padding:1.5rem 2rem; background:#f0f0f0; box-sizing:border-box; vertical-align:middle; font-weight:bold; color:#333; letter-spacing:-1px;}
.data_listCon04>dd{display:table-cell; padding:1.5rem 2rem; box-sizing:border-box; vertical-align:middle; color:#666;}
.data_listCon04Data{font-size: 1rem; line-height: 1.2rem; color: #292ea5;}
.data_listCon04Span{font-size: 1.8rem; color: #666; line-height: 3.5rem; }
.data_listCon04Li + li .data_listCon04{height: 10rem;}

.data_listCon01_d>dt{width:54%}
.data_listCon01_d>dd{width:46%}
.data_listCon05{display:table; width:100%; font-size:1.6rem; line-height:1.8rem; text-align:left;}
.data_listCon05>dt{display:table-cell; width:40%; padding:2rem 1.5rem; background:#f0f0f0; border-right:1px solid #e0e0e0; box-sizing:border-box; vertical-align:middle; font-weight:bold; color:#333; letter-spacing:-1px;}
.data_listCon05>dd{display:table-cell; padding:2rem 1.5rem; border-right:1px solid #e0e0e0; box-sizing:border-box; vertical-align:middle; color:#666;}
.data_listCon05>dd.state_dd{font-size: 1.7rem;line-height: 1.9rem; color: #292ea5; font-weight: bold;}
.list_data03_exc .data_listCon05>dt{width: 42%;}
.list_data03>li:nth-child(2n)>.data_listCon05>dd{border-right:none;}
.listData_inputTxt dd{line-height:5rem} /*data + input*/
.list_data05{border-top:1px solid #e4e4e4;}
.list_data05>li{float:left; width:50%; border-bottom:1px solid #e4e4e4}
.list_data05 dd, .list_data05 dt{line-height:5rem; padding:0.8rem 2rem;}
.list_data05 dd div{line-height:1.9rem;}
.listResponsive dd, .listResponsive dt{height:5rem;}
.listFClear{clear:both; width:100% !important;  float:none !important}
.data_listCon04_d>dt{width:45%; padding-right:0}
.data_listCon04_d>dd{width:55%}
 
 /*popup*/

.info_txt01{display:table; width:100%; margin-top:0.6rem; font-size:1.2rem; line-height:1.6rem; color:#292ea5; overflow:hidden}
.info_txt01>p{display:table-cell; vertical-align:top}
.info_txt01>p:first-child{width:1.4rem;}
.info_pop{position:relative; top:0; left:0; margin-left:1rem}
.info_pop>img{width:2rem; height:2rem}
.popup_textWrap_d>p{margin-top:1rem;}
.info_txt02 { margin-left: 10px; text-indent: -6px; line-height: 1.4;}
.info_txt02 > .icoRequired{ display: inline-block; vertical-align: sub; }
.info_txt03 { padding:3rem 2rem 0 8rem; text-align: center; }
.info_txt04{margin-left: 1rem;display:inline-block; width:auto; margin-top:0rem; font-size:1.2rem; line-height:1.6rem; color:#292ea5; overflow:hidden}
.info_txt04 p{display:inline-block;}
/*nav iscroll bar*/
.popup_scroll .iScrollVerticalScrollbar{position: absolute; width:0.2rem; bottom:0rem; top:5rem; right:0.6rem; z-index:9999; overflow: hidden;}
.popup_scroll .iScrollVerticalScrollbar .iScrollIndicator{width:100%; background:#292ea5}
/*layer popup*/
div.popup_t00{display:none; position:fixed; top:0; left:50%; z-index:99999; width:50rem; padding:0 3rem 2rem 3rem; box-sizing:border-box; background:#FFF; border:1px solid #ccc; line-height:1.8rem;}
div.popup_t01{display:none; position:fixed; top:0; left:50%; z-index:99999; width:60rem; padding:0 3rem 4rem 3rem; box-sizing:border-box; background:#FFF; border:1px solid #ccc; line-height:1.8rem;}
div.popup_d01{display:none; position:fixed; top:0; left:50%; z-index:99999; width:80rem; padding:0 3rem 4rem 3rem; box-sizing:border-box; background:#FFF; border:1px solid #ccc; line-height:1.8rem;}
div.popup_t02{display:none; position:fixed; top:0; left:50%; z-index:99999; width:60rem; padding:0; box-sizing:border-box; background:#FFF; border:1px solid #ccc; line-height:1.8rem;}
div.popup_t03{display:none; position:absolute; top:0; left:50%; z-index:99999; width:60rem; padding:0; box-sizing:border-box; background:#FFF; border:1px solid #ccc; line-height:1.8rem;}
div.popup_d04{display:none; position:fixed; top:0; left:50%; z-index:99999; width:102rem; padding:0 3rem 4rem 3rem; box-sizing:border-box; background:#FFF; border:1px solid #ccc; line-height:1.8rem;}

.popup_close{position:absolute; top:3rem; right:3rem;}
.popup_close2{position:absolute; top:3rem; right:3rem;}
.popup_wrap{overflow:hidden; background:#FFF; text-align:left}
.popup_header{padding-bottom:4rem;}
.popup_header_d{padding:0 3rem 4rem 3rem; box-sizing:border-box;}
.popup_tit{padding:3rem 0 2rem 0; border-bottom:1px solid #333; font-weight:bold; color:#333; font-size:2.4rem; line-height:2.6rem; letter-spacing:-1px;}
.popup_scroll{padding-left:0rem; padding-top:0rem; height:100%; box-sizing:border-box; overflow:hidden}
.popup_textWrap{margin-top:3rem; font-size:1.6rem; line-height:1.8rem;}
.popup_con_tit{margin-bottom:2rem; color:#333; font-weight:bold; font-size:1.8rem; line-height:2rem; letter-spacing:-1px;}
.popup_txt01{margin-top:4rem; color:#666; font-size:1.4rem;}
.popup_direction{position:absolute; top:3rem; right:7rem;}
.popupInput_tit{padding:0 5rem; font-size:1.4rem}
.popupInput_titTxt{padding-bottom:4rem; text-align:Center; color:#333; font-size:2rem; line-height:2.4rem; letter-spacing:-1px;}
.popupInput_cont{padding-top:2rem;}
.popupInput_i_tit{padding:3rem 0; text-align:center; font-weight:bold; font-size:2.2rem; line-height:2.6rem; letter-spacing:-1px;}
.popupInput_i_tit>img{margin-right:0.6rem; margin-top:4px;}
.popupInput_i_area{width:100%; padding:4rem 5rem; box-sizing:border-box; background:#f8f8f8;}
.popupInput_i_area input{border-bottom:1px solid #333;}
.popupV_wrap{background:#e4e6f1;}




/*popup 약관 내용 더보기*/
.clause_conPrevBtn{display:block; height:0px; width:0px; margin:0 -1px -1px 0; overflow:hidden; line-height:0; text-align:center;}
.clause_conPrevBtn:focus{position:absolute; top:100px; right:30px; width:auto; height:20px; padding:1rem; background:#292ea5; color:#FFF; font-size:1.2rem; line-height:1.4rem; z-index:99}
.clause_conNextvBtn{display:block; height:0px; width:0px; margin:0 -1px -1px 0; overflow:hidden; line-height:0; text-align:center;}
.clause_conNextvBtn:focus{position:absolute; top:100px; right:30px; width:auto; height:20px; padding:1rem; font-size:0; background:#292ea5; color:#FFF; font-size:1.2rem; line-height:1.4rem; z-index:99}

/*popupinner list*/
.popup_list1>li{padding-top:2rem;}
.popup_list1>li:first-child{padding-top:0}
.popup_list1>li>p{width:100%; padding-left:2rem; padding-top:1rem; box-sizing:border-box;}
.popup_list1>li>p>img{max-width:100%;}
.popup_list2>li{width:100%; padding:2rem 1rem 3.4rem 1rem; box-sizing:border-box; background:url(../images/common/foot_arrow.png) bottom center no-repeat; background-size:1.4rem;}
.popup_list2>li>img{width:100%;}
.popup_list2>li:last-child{padding-bottom:0; background:none;}
.popup_fm_tit1{font-size:1.6rem; line-height:1.8rem; font-weight:bold; margin-bottom:1rem;}
.popup_fm_tit2{font-size:1.4rem; line-height:1.6rem; font-weight:bold; margin-bottom:0.8rem;}
.foot_iconWrap>img{width:2rem; height:2rem; margin:0 0.4rem;}
.android_guideCont, .ios_guideCont{display:none}

/*table*/
.table_s01{width:100%; border-top:1px solid #000; border-collapse:collapse; color:#333; font-size:1.8rem; line-height:2.2rem; letter-spacing:-1px}
.table_s01 thead th{padding:1.5rem 2rem; border-bottom:1px solid #e0e0e0; text-align:center; font-weight:normal}
.table_s01 tbody td{padding:2.5rem 2rem; border-bottom:1px solid #e0e0e0; text-align:left;}
.table_inner{width:100%; display:table;}
.table_inner>p{display:table-cell; vertical-align:middle}
.table_inner>p:nth-child(2){width:14rem; text-align:right}
.table_s02{width:100%; border-collapse:collapse; border-top:1px solid #000; color:#333; font-size:1.6rem; line-height:1.8rem; letter-spacing:-1px}
.table_s02 thead th{padding:1.8rem 1rem; background:#f5f5f5; border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; text-align:center; font-weight:bold}
.table_s02 tbody td{padding:2rem 1rem; border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; text-align:center; color:#666; word-break:break-all;}
.table_s02 thead th:first-child, .table_s02 tbody td:first-child{border-left:0}
.table_s02 tbody input + td{border-left:0}

/* 테이블 데이터가 없을시 하단 스크롤 제거 */
.tbl_scrollH_inner.noneData{min-width: auto};
.tbl_scrollH_inner2{max-width: auto;}



/* 20230130 추가 */

.table_s02 tbody td.input_td {padding: 0 1rem;}
.table_s02 tbody td.input_td .input_t1{height: auto;}
.joinTable_list{padding: 2rem 0;}
.join_list_wrap.join_list_wrap_exc{padding: 2rem 0 0 2rem;}
.join_list_wrap fieldset legend + .result_txt{margin-top: 2rem;}
.join_list_wrap fieldset.fieldset2 {margin-top: 5rem;}
.join_list_wrap .join_list_top_txt>div:nth-child(1){float: left; font-weight: bold;font-size: 1.8rem;line-height: 2rem;}
.join_list_wrap .join_list_top_txt>div:nth-child(1) + .result_txt{margin-left: 0.8rem; display: inline-block;}
.joinTable_list .result_txt {font-weight: bold;}
/* 20230130 */

.tal_b{border-left:1px solid #e0e0e0 !important}
.table_row_t1{margin-top:2rem;}
.table_row_t1 tbody th{background:#f5f5f5; text-align:center; padding:0 1rem; border-bottom:1px solid #e0e0e0;}
.input_table_In{display:block; width:100%; padding-top:2rem; overflow:hidden}
.table_s02.col6 { border-top:1px solid #000; }
.table_s02.col6 tbody th, .table_s02.col6 tbody td {border-bottom:1px solid #e4e4e4;}
.table_s02.col6 tbody th {padding: 1.5rem 2rem;background: #f0f0f0;}
.table_s02.col6 tbody td { border-left:0; }
.table_s02.big { width: 110%; letter-spacing: -1.2px; }



/*table scroll*/
.tabel_wrap{position:relative; top:0; left:0; width:100%; height:200px; margin-top:3rem; overflow:hidden;}
.tbl_scroll_h{position:absolute; top:0; left:0; width:100%; overflow:hidden;}
.tbl_scrollH_inner{position:relative; top:0; left:0; width:100%; }

.tbl_scroll_h .iScrollHorizontalScrollbar{position:absolute; width:100%; bottom:0; left:0; z-index:99; overflow: hidden;}
.tbl_scroll_h .iScrollHorizontalScrollbar .iScrollIndicator{width:100%; height:2px; background:#292ea5}
.tabel_wrap_v{position:relative; top:0; left:0; width:100%; margin-top:3rem; overflow:hidden;}
.tbl_scroll_v{position:relative; top:0; left:0; width:100%;  overflow:hidden;}
.tbl_scrollV_inner{position:relative; top:0; left:0; width:100%;}
.tbl_scroll_v .iScrollVerticalScrollbar{position: absolute; width:0.2rem; bottom:0rem; top:0rem; right:0; z-index:99; overflow: hidden;}
.tbl_scroll_v .iScrollVerticalScrollbar .iScrollIndicator{width:100%; height:2px; background:#292ea5}
.tabel_wrap1{width:100%; overflow-x:scroll;}
.tabel_wrap1_inner{width:100%; min-width:900px;}
.scroll_table .iScrollHorizontalScrollbar{position:absolute; width:100%; bottom:0; left:0; z-index:99; overflow: hidden;}
.scroll_table .iScrollHorizontalScrollbar .iScrollIndicator{width:100%; height:2px; background:#292ea5}
.scroll_table .iScrollVerticalScrollbar{position: absolute; width:0.2rem; bottom:0rem; top:0rem; right:0; z-index:99; overflow: hidden;}
.scroll_table .iScrollVerticalScrollbar .iScrollIndicator{width:100%; height:2px; background:#292ea5}

/* 20230130 css 수정 */
.tbl_scroll_exc .iScrollHorizontalScrollbar{position:absolute; width:100%; bottom:0; left:0; z-index:99; overflow: hidden;}
.tbl_scroll_exc .iScrollHorizontalScrollbar .iScrollIndicator{width:100%; height:2px; background:#292ea5}
.tbl_scroll_exc .iScrollVerticalScrollbar{position: absolute; width:0.2rem; bottom:0rem; top:0rem; right:0; z-index:99; overflow: hidden;}
.tbl_scroll_exc .iScrollVerticalScrollbar .iScrollIndicator{width:100%; height:2px; background:#292ea5}
.tbl_scroll_exc2 .iScrollHorizontalScrollbar{position:absolute; width:100%; bottom:0; left:0; z-index:99; overflow: hidden;}
.tbl_scroll_exc2 .iScrollHorizontalScrollbar .iScrollIndicator{width:100%; height:2px; background:#292ea5}
.tbl_scroll_exc2 .iScrollVerticalScrollbar{position: absolute; width:0.2rem; bottom:0rem; top:0rem; right:0; z-index:99; overflow: hidden;}
.tbl_scroll_exc2 .iScrollVerticalScrollbar .iScrollIndicator{width:100%; height:2px; background:#292ea5}
.tbl_scroll_exc3 .iScrollHorizontalScrollbar{position:absolute; width:100%; bottom:0; left:0; z-index:99; overflow: hidden;}
.tbl_scroll_exc3 .iScrollHorizontalScrollbar .iScrollIndicator{width:100%; height:2px; background:#292ea5}
.tbl_scroll_exc3 .iScrollVerticalScrollbar{position: absolute; width:0.2rem; bottom:0rem; top:0rem; right:0; z-index:99; overflow: hidden;}
.tbl_scroll_exc3 .iScrollVerticalScrollbar .iScrollIndicator{width:100%; height:2px; background:#292ea5}
/* 20230130 css 수정 */

/*레이어 팝업 내 테이블*/
.table_lp{width:100%; border-collapse:collapse; border-top:1px solid #000; color:#333; font-size:1.1rem; line-height:1.2rem; letter-spacing:-1px}
.table_lp thead th{padding:0.4rem 0.2rem; background:#f5f5f5; border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; text-align:center; font-weight:bold}
.table_lp tbody td{padding:0.4rem 0.2rem; border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; text-align:center; color:#666; word-break:break-all;}
.table_lp tbody th, .table_lp tbody td{font-weight:normal}
.table_lp thead th:first-child, .table_s02 tbody td:first-child{border-left:0}
/* 20230207 테이블 보더 관련 수정 */
.table_s02 tbody input + td{border-left:0}
/* 20230207 테이블 보더 관련 수정 */
.table_lp tbody th.last, .table_lp tbody td.last{border-bottom:1px solid #e0e0e0} 
.table_lp tbody th.line, .table_lp tbody td.line{border-left:1px solid #e0e0e0} 


/* 테이블 하단 텍스트 + 버튼 */

.table_footer_txt{display: flex; justify-content: space-between;align-items: center; margin-top: 1rem; display: -moz-box;display: -ms-flexbox;  -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center;}
.table_footer_txt .btn_wrap05{width: 50%;}
.table_footer_txt .info_txt01, .table_footer_txt .info_txt01 + .btn_wrap05{width: auto;}

/* scroll 양방향 */
.tabel_wrap_vh{position:relative; top:0; left:0; width:100%; margin-top:3rem;overflow:hidden; height: 100%;}
/* .tbl_scroll_vh{position:relative; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.tbl_scrollVH_inner{position:relative; top:0; left:0; width:100%;  min-width:900px; }
.tbl_scroll_vh .iScrollVerticalScrollbar{position: absolute; width:0.2rem; bottom:0rem; top:0rem; right:0; z-index:99; overflow: hidden;}
.tbl_scroll_vh .iScrollVerticalScrollbar .iScrollIndicator{width:100%; height:2px; background:#292ea5}
.tbl_scroll_vh .iScrollHorizontalScrollbar{position:absolute; width:100%; bottom:0; left:0; z-index:99; overflow: hidden;}
.tbl_scroll_vh .iScrollHorizontalScrollbar .iScrollIndicator{width:100%; height:2px; background:#292ea5} */
.tbl_scrollVH_inner{min-width: auto;}
/*tab*/
.tab_list_wrap{border-bottom:2px solid #e1e1e1; position: relative;}
.tab_list{position:relative; top:0; left:0; width:100%; max-width:1152px; margin:0 auto; padding:0 2rem 0 34rem; box-sizing:border-box; text-align:left; font-size:0; line-height:0}
.tab_list>li{position:relative; top:0; left:0; display:inline-block; padding:3rem 2rem; margin:0 20rem 0 0; box-sizing:border-box; vertical-align:middle; font-weight:bold; font-size:2rem; line-height:2.2rem; letter-spacing:-1px}
.tab_list>li:last-child{margin:0}
.tab_list>li.active{color:#333}
.tab_list>li>span{display:block;}
.tab_list>li>span:after{content:''; width:0; height:0; transition:all .3s ease-in-out;}
.tab_list>li.active>span:after{contnet:''; position:absolute; bottom:-2px; left:0; width:100%; height:2px; background:#292ea5}
.tab_list>li>span:hover:after{content:''; position:absolute; bottom:-2px; left:0; width:100%; height:2px; background:#292ea5; transition:all .3s ease-in-out;}
.tab_conts>li.active{display:block;}
.tab_conts>li{display:none;}
.tab_conts{position:relative; top:0; left:0; width:100%;}
.tab_conts>li{width:100%;}
.tab_conts>li:focus{outline:none}


/* 20230213 tab 추가 */
.tab_list_exc{  width: 100%;max-width: 1152px; margin: 0 auto;}
.tab_list_exc .tab_list{padding: 0 0 0 8rem; width: calc(100% - 24rem);margin: 0 auto; max-width: none; display:inline-block; }
.tab_list_exc .tab_list>li{margin: 0; cursor: pointer;}
 .tab_con_wrap{margin-top: 3rem;}
.tab_list_exc .btn_s03{font-size: 1.6rem;line-height: 1.8rem;margin:1.6rem 0 0 0; padding: 1.5rem 0; width: 16rem;}
 /*로그인*/
.login_wrap{padding:3rem 0 10rem 0}
.login_wrap .tab_list_wrap { border-bottom-color: #d2d2d2;}
.logIn_select_wrap{width:100%; padding:7rem 0; background:#ececec;}
.logIn_select_con_wrap{position:relative; top:0; left:0; width:100%; max-width:1152px; margin:0 auto; padding:0 20rem; box-sizing:border-box; text-align:center; font-size:0; line-height:0;}
.logIn_select_conList{display:table; width:100%;}
.logIn_select_conList>li{display:table-cell; vertical-align:middle; text-align:center;}
.select_c_type{position:relative; top:0; left:0; display:inline-block; width:15rem; height:15rem; border-radius:50%; text-align:center; font-size:1.6rem; line-height:2rem;}
.select_c_type01{color:#FFF; background:#1428a0; box-shadow:6px 6px 26px 4px rgb(185, 197, 246);}
.select_c_type02{color:#333; background:#ffd200; box-shadow:6px 6px 26px 4px rgb(236, 235, 206);}
.select_c_type03{color:#333; background:#FFF; box-shadow:6px 6px 26px 4px rgb(227, 233, 238);}
.select_c_type>img{width:6rem; height:4rem; margin-top:2rem;}
.select_c_type:after{content:''; position:absolute; top:7rem; left:50%; width:10px; height:2px; margin-left:-5px;}
.select_c_type01:after{background:#FFF;}
.select_c_type02:after{background:#000;}
.select_c_type03:after{background:#000;}
.select_c_type>div{margin-top:2.6rem;}
.logIn_info_wrap{position:relative; top:0; left:0; width:100%; max-width:1152px; margin:0 auto; padding:5rem 18rem 0; box-sizing:border-box; overflow:hidden; text-align:left;}
.logIn_info_wrap>div{float:left;  box-sizing:border-box;}
.logIn_info_wrap>div:nth-child(1){width:50%; padding:0 2rem; color:#333; font-size:1.8rem; line-height:2rem;}
.logIn_info_wrap>div:nth-child(1)>p{margin-bottom:2rem;}
.logIn_info_wrap>div:nth-child(2){width:50%; padding:0 2rem; color:#333; font-size:1.5rem; line-height:2rem;}
/* .logIn_select_conList_d{display:table; width:100%;}
.logIn_select_conList_d>div{display:table-cell; vertical-align:middle; text-align:left}
.logIn_select_conList_d>div:nth-child(2){width:35rem; padding:0 9rem 0 2rem;} */
.logIn_select_conList_d{display:table; width:100%;}
.logIn_select_conList_d>div{display:table-cell; vertical-align:middle; text-align:left}
.logIn_select_conList_d>div:nth-child(1){position: relative; height:21rem; margin-right:0; padding-top:0; text-align:center; /*border-right:1px solid #d4d4d4;*/}
.logIn_select_conList_d>div:nth-child(2){width:35rem; padding:0 9rem 0 9.5rem;}
.logIn_select_conListTit{padding-bottom:2rem; font-weight:bold; letter-spacing:-1px; font-size:1.8rem; line-height:2rem; color:#333;}
/*.logIn_select_conList_d>div:nth-child(1):after { content:""; display:block; position: absolute; top:4rem; right:0; width:1px; height: 87%; background:#d4d4d4; }*/
.logIn_select_conList_d>div:nth-child(1) > p { font-size: 1.5rem; line-height: 1.4; margin: 4rem 0 2rem; }
.logIn_select_conList_d>div:nth-child(1) .logIn_select_conListTit { padding-bottom: 4rem; }
.logIn_select_conList_d>div:nth-child(2) .logIn_select_conListTit { color: #292ea5; }
.logIn_select_conList_d>div:nth-child(2) .placeholder_input + .placeholder_input { margin-top: 8px; }
.logIn_select_conList_d>div:nth-child(2) .mt30 { padding-top: 3rem; }
.logIn_select_con_wrap>form>fieldset>.mt30 { padding-top:45px; text-align: center; }

.login_wrap .tab{position:relative; top:0; left:0; width:100%; max-width: 700px; padding:0;  margin:0 auto; box-sizing:border-box; text-align:left; font-size:0; line-height:0}
.login_wrap .tab>li{position:relative; top:0; left:0; display:inline-block; padding:3rem 2rem; margin:0 20rem 0 0; box-sizing:border-box; vertical-align:middle; font-weight:bold; font-size:2rem; line-height:2.2rem; letter-spacing:-1px}
.login_wrap .tab>li:last-child{margin:0}
.login_wrap .tab>li.active{color:#333}
.login_wrap .tab>li>a{display:block;overflow:hidden}
.login_wrap .tab>li>a:after{content:''; width:0; height:0; transition:all .3s ease-in-out;}
.login_wrap .tab>li.active>a:after{contnet:''; position:absolute; bottom:-2px; left:0; width:100%; height:2px; background:#292ea5}
.login_wrap .tab>li>a:hover:after{content:''; position:absolute; bottom:-2px; left:0; width:100%; height:2px; background:#292ea5; transition:all .3s ease-in-out;}
.login_wrap .tab>li { margin:0; width: 50%; text-align: center; cursor:pointer; }
.login_wrap .tab>li.active { background:#ececec; border: 2px solid #d2d2d2; border-bottom: 0; color: #292ea5; box-shadow:1px 1px 8px 3px rgba(210, 210, 210, 0.6); }
.login_wrap .tab>li.active>a:after, .login_wrap .tab_list>li>a:hover:after { transition:none; background:#ececec;}
#tabConts2 .logIn_select_con_wrap {max-width:892px; padding:0;}
#tabConts2 .logIn_select_conList_d>div{width:50%; display: table-cell !important;vertical-align: top;}



/*말풍선*/
.sc_balloon{position:relative; top:-4rem; left:-1.6rem; height:2.6rem; padding:0.8rem 2rem; border-radius:1.8rem; background:#292ea5; color:#FFF; font-size:1.4rem; line-height:1.5rem;  box-sizing:border-box}
.sc_balloon:after{content:''; position:absolute; top:3.2rem; right:1rem; width:1.3rem; height:1rem; background:url(../images/common/bg_ballon01.png) 0 0 no-repeat; background-size:100%}

/*datepicker*/
.custom_datePicker{display:table; width:100%;}
.custom_datePicker>p, .custom_datePicker>span{position:relative; top:0; left:0; display:table-cell; box-sizing:border-box; vertical-align:middle}
.ui-datepicker-trigger{position:absolute; top:0.2rem; right:0;}
.ui-datepicker-trigger>img{width:3.8rem; height:3.9rem;}
.custom_datePicker>span{width:4rem; text-align:center; border-bottom:1px solid rgba(221,221,221,0.6);}
.ui-datepicker{display:none; background:#FFF;}
.ui-widget.ui-widget-content{width:24rem; padding:0; border:1px solid #e3e4e4; border-radius:0 0 1rem 1rem; box-sizing:border-box; box-shadow:0px 6px 15px 2px rgba(235, 235, 235, 0.6);}
.ui-datepicker .ui-datepicker-header{position:relative; padding:1.4rem 0; background:#f4f4f4; border:0; border-radius:0}
.ui-datepicker-title{text-align:center;}
.ui-datepicker-prev{display:none;}
.ui-datepicker-next{display:none;}
.ui-datepicker-current{display:none !important}
button.ui-datepicker-close, button.ui-datepicker-close:hover{float:none; position:absolute; top:1rem; right:1rem; width:1.6rem; height:1.6rem; padding:0; margin:0; border:0;  background:url(../images/common/ico_close.png) 0 0 no-repeat; background-size:1.6rem; height:1.6rem; text-indent:-9999px}
.ui-datepicker table{width:100%; margin:1.5rem 0; color:#0f0f0f; font-size:1.4rem; border-collapse: collapse;}
.ui-datepicker th{padding:1rem 0; text-align:center;}
.ui-datepicker td{border:0; padding:0;}
.ui-state-default{display:block; width:100%; padding:0.6rem;  background:none; box-sizing:border-box; border:0; color:#0f0f0f; text-align:center;}
.ui-datepicker-today .ui-state-default{background:#292ea5; color:#FFF;}
.ui-state-active, .ui-state-default:hover{background:#e7e7e7; color:#0f0f0f;}
.ui-datepicker-other-month .ui-state-default{color:#a5a5a5; background:none}
.ui-datepicker-year, .ui-datepicker-month{margin:0 0.5rem; padding:0.6rem 0.6rem; border:1px solid #d7d7d7; font-size:1.6rem; color:#0f0f0f;}
.ui-datepicker-title{position:relative; top:0; left:0}
.ui-datepicker-title:after{content:""; position:absolute; top:0.6rem; left:50%; margin-left:0.8rem; width:1px; height:2.4rem; background:#ebebeb}
.trigger_d .ui-datepicker-trigger{background:#1428a0; border-radius:50%;}
.custom_datePicker input[type=text]::-ms-clear{display:none}
 
 /*step*/
.step_wrap{padding:4.5rem 0; border-bottom:1px solid #d5d6d6;}
.step_list{position:relative; top:0; left:0; display:table; width:100%; max-width:1152px; margin:0 auto; padding:0 3rem 0 9rem; box-sizing:border-box; width:100%; text-align:center; font-size:0; line-height:0}
.step_list>li{position:relative; top:0; left:0; display:table-cell; width:25%; display:inline-block; padding:0 1rem; box-sizing:border-box; font-size:1.8rem; line-height:2rem; vertical-align:top;}
.step_list>li{padding-top:7rem; background:url(../images/common/step_before.png) center 0 no-repeat; background-size:5.8rem 5.8rem}
.step_list>li.step_comoletion{background:url(../images/common/step_after.png) center 0 no-repeat; background-size:5.8rem 5.8rem}
.step_list>li.step_on{background:url(../images/common/step_on.png) center 0 no-repeat; background-size:5.8rem 5.8rem; font-weight: bold; }  
.step_list>li:after{content:''; position:absolute; top:2.8rem; right:0; width:calc(50% - 36px); height:1px; background:#e1e1e1;}
.step_list>li:before{content:''; position:absolute; top:2.8rem; left:0; width:calc(50% - 36px); height:1px; background:#e1e1e1;}
.step_list>li:last-child:after, .step_list>li:first-child:before{display:none;}

/*paging*/
.paging_area{width:100%; margin-top:4rem; text-align:Center; font-size:0; line-height:0;}
.paging_area>a{display:inline-block; width:3rem; height:3rem; margin:0 0.2rem; border:1px solid #ddd; border-radius:0.4rem; color:#404040; font-size:1.5rem; line-height:3rem; text-align:center; vertical-align:middle;}
.paging_first, .paging_pre, .paging_next, .paging_last{text-indent:-9999px; font-size:1px}
.paging_area>a.paging_first{background:url(../images/common/paging_firstArr.png) center center no-repeat; background-size:1.6rem 1.6rem}
.paging_area>a.paging_pre{margin-right:1rem; background:url(../images/common/paging_preArr.png) center center no-repeat; background-size:1.6rem 1.6rem}
.paging_area>a.paging_next{margin-left:1rem;background:url(../images/common/paging_nextArr.png) center center no-repeat; background-size:1.6rem 1.6rem}
.paging_area>a.paging_last{background:url(../images/common/paging_lastArr.png) center center no-repeat; background-size:1.6rem 1.6rem}
.paging_area>a.pagin_on{background:#333; border:1px solid #333; color:#FFF}

/*error*/
.err_type_wrap{padding:4rem 0 3rem 0; text-align:center; color: #333;}
.err_type_tit{font-size:2.8rem; line-height:3rem; letter-spacing:-1px;}
.err_type_tit>div:first-child{margin-bottom:1.4rem;}
.err_type_tit>div:first-child img{width:11rem; height:10.6rem;}
.err_type_txt{margin-top:2rem; color:#666; font-size:1.8rem; line-height:2rem;}
.err_type_txt>p{margin-top:0.6rem;}
.err_type_txt>p:first-child{margin-top:0;}

/* 200306 */
.popupMinus { width: 52rem; }
.popupMinus .popup_cont { padding-right: 1rem; letter-spacing: -1px;}

/* 토스트팝업 */
.toastPop { display:none; position:fixed; bottom: 0; /* transform:translateY(100%); */ width:100%; background: #fff; z-index: 10000; border-top-left-radius: 15px; border-top-right-radius: 15px; /* transition: .3s ease-in-out all; -webkit-transition: .3s ease-in-out all; */}
.toastPop.open {display:block; /* transform:translateY(0); opacity:1; transition: .5s ease-in-out all; -webkit-transition: .5s ease-in-out all; transition-delay: .1s; -webkit-transition-delay: .1s; */ }
.toastPop_header { padding: 1.5rem 2rem; border-bottom: 1px solid #ccc;  /* transition: .4s ease-in-out all; -webkit-transition: .4s ease-in-out all; */ }
.toastPop_close { position: absolute; top:1.5rem; right:2rem; font-size: 1.3rem; color: #1428a0; }
.toastPop_tit { font-size: 1.5rem; font-weight: bold; }
.icnAddHome { display: block; width: 100%; margin-top: 0.5rem; }
.icnAddHome > img { display: block; width: calc(274px/3); margin:0 auto 0; }
.toastPop_cont { height: calc(100% - 10rem); box-sizing: border-box; padding: 1.5rem 2rem; font-size: 1.3rem; }
.btnAddIcon { display:block; width: 100%; box-sizing: border-box; padding: 1.6rem 0; text-align: center; font-weight: bold; color: #fff; font-size: 1.5rem; background: #1428a0; }

@media all and (min-width:901px) and (max-width:1152px) {  /*아이패드 PRO 세로, 아이패드 가로(1024)*/
.nav_wrap{left:0; margin-left:0; padding:0 2rem 0 8rem;}		
.nav_header{position:relative; top:0; left:0; padding-left:0rem;}
.nav_header_tit{position:relative; top:0; left:0; height:8rem;}
/*navigation*/
.nav_slice3{margin-bottom:0}
.nav_close{position:absolute; top:3rem; right:2rem; z-index:6000}

/*tab*/
.tab_list{padding:0 2rem 0 24rem;}
.tab_list_exc .tab_list{padding: 0 10rem; width: calc(100% - 26rem);}
.logIn_select_con_wrap{padding:0 10rem;}
.logIn_info_wrap{padding:5rem 8rem 0;}
.logIn_select_conList_d>div:nth-child(1){ /*margin-right:6rem; border-right:1px solid #d4d4d4;*/ }
.logIn_select_conList_d>div:nth-child(2){width:60%; padding:0 2rem 0 8rem;}



/*step*/
.step_list{padding:0 8rem 0 14rem;}
.listResponsive dd, .listResponsive dt{height:7rem;}
.footer_contList>li.footer_copy{float:none; clear:both; position:relative; top:0; left:0; width:100%; padding:0; padding-top:2rem;}

/*IB컨설팅*/
.chk_list{padding-right:2rem;}






}

@media all and (min-width:736px) and (max-width:900px) {  /* 아이패드 세로(768)  모바일X 가로(812)*/
    /* 20230216 header ellipsis 처리 */
    header .name a:nth-child(1){overflow: hidden;text-overflow: ellipsis; webkit-line-clamp: 1; -webkit-box-orient: vertical !important;max-width: 100px; white-space: nowrap;}
    /* 20230216 */

.header_wrap{height:10rem;}
.logo{top:2.6rem; left:2rem; width:13.8rem; height:2.8rem; background:url(../images/common/logo_m.png) 0 0 no-repeat; background-size:100%;}
.notice{position: absolute; top:6.8rem; right:2rem; font-size:1.7rem; font-weight:800; padding-left:24px; background:url(../images/common/notice_m.png) left center no-repeat; background-size:2rem 2rem; color:#000;}

/*navigation*/
#nav:after{display:none}
.nav_wrap{left:0; margin-left:0; padding:0 0 0 0rem; box-sizing:border-box;}		
.nav_header{position:relative; top:0; left:0; padding-left:0rem;}
.nav_header_tit{height:7rem; border-bottom:1px solid #f5f5f5}
.nav_open, .nav_close{position:absolute; top:2.6rem; right:2rem;}
.nav_slice1, .nav_slice2, .nav_slice3{display:block; width:3rem; height:0.2rem; margin-bottom:0.8rem; background:#000; transition:all .3s ease-in-out;}
.nav_slice3{margin-bottom:0}
.nav_closeOn .nav_slice1{transform: rotate(45deg); margin-top:0.2rem}
.nav_close .nav_slice2, .nav_close .nav_slice2{transform: rotate(-45deg); margin-top:-1rem}
.logIn, .logOut{position:relative; top:0; right:0; padding:3rem 1.6rem 3rem 6rem; width: 100%; box-sizing: border-box; transform: translate(0); }
/* .logOut.company { top:0;} */
.logIn>*, .logOut>* { display: block; }
.logIn>div, .logOut>div { margin-bottom: 2rem; }
.logOut.company >div { padding-bottom: 0; }
.logOut.company .welcomTxt { width: calc(100% - 10rem); margin:0; }
.btnUserInfo { position: absolute; top:3rem; right:1.6rem; }
.btn_logIn, .btn_logOut{float:none; display:inline-block;  padding-bottom:0.2rem; padding-top:1rem; margin-left:0; border-bottom:1px solid #000; font-weight:bold;}
.nav_1dep{position:relative; top:0; left:0; padding-left:6rem;}
.nav_1dep>li{float:none; width:100%; position:relative; top:0; left:0; border-bottom:1px solid #f1f1f1;}
.nav_1dep>li:nth-child(3n+2){clear:both; margin-left:0%}
.nav_1dep>li:nth-child(2){clear:initial; margin:0}
.nav_1dep>li>a, .nav_1dep>li>p{display:block; padding:2rem 0; font-size:1.6rem; line-height:1.8rem;}
.nav_1dep>li.nav2dep>a:after{content:""; display:block;} 
.nav_1dep>li.nav2dep_on>a:after{display:block; transform:rotate(-180deg);}
.nav_2dep{position:relative; top:0; left:-6rem; width:100%; padding:2rem 0 2rem 6rem; background:#f5f5f5;}
.nav_2dep>li>a{display:block; padding:1rem 0; font-size:1.6rem; line-height:1.8rem;}
.nav_scroll{padding:0}
.nav2dep.nav2dep_on .nav_2dep{display:block}
.nav2dep .nav_2dep{display:none}
.user_name { top: 2.6rem; }

/*footer*/
#footer{padding:5rem 0 7rem 0; font-size:0; line-height:0;}
.footer_wrap{padding:0 2rem 0 2rem; text-align:center;}
.footer_contList>li{float:none; display:inline-block; font-size:1.5rem; line-height:1.6rem; padding:0 1.8rem;}
.footer_contList>li:first-child{padding-left:2rem;}
.footer_contList>li.footer_copy{float:none; clear:both; position:relative; top:0; left:0; width:100%; padding:0; padding-top:2rem;}
.footer_contList>li:after{content:""; position:absolute; top:0.4rem; left:0; width:1px; height:1.2rem; background:#d5d5d5}

/*common*/
.font_st01{font-size:1.6rem; line-height:2rem}

/*button*/
.btn_wrap02{padding:5.5rem 2rem 10rem 2rem;}
.btn_s02{padding:1.6rem 0; font-size:1.7rem; line-height:1.8rem;}
.btn_s03{padding:1.6rem 0; font-size:1.7rem; line-height:1.8rem;}
.btn_s02+.btn_s03{margin-left:1rem;}
.btn_s12{font-size:1.7rem; line-height:1.9rem;}
.btn_s10+.btn_s10{margin:0 0.8rem;}
/* 20230130 */
.tbl_scroll_btn2 .btn_s13+.btn_s13{margin: 0;}

/* 20230130 */
.btn_txt{margin-top:2.5rem; font-size:1.4rem; line-height:1.8rem;}
.btn_pot_wrap{position:relative; top:0; left:0; width:100%; text-align:right}
.btn_pot{position:relative; top:0; right:0; margin-top:2rem;}

.btn_wa1{width:auto; padding:1.6rem 3rem}
.btn_pw_p1{width:26.5rem; padding:1.6rem 0 1.6rem 6.5rem; background-size:16px 13px; font-size:1.7rem; line-height:1.8rem;}

/*input*/
.input_t1{font-size:1.6rem; line-height:1.8rem;}
.placeholder_input label{top:1.5rem; font-size:1.6rem; line-height:1.8rem;}
.icoRequired img{width:0.8rem; height:0.8rem}
.input_list_s01{width:100%; overflow:hidden; font-size:0; line-height:0;}
.input_list_s01>li{margin-left:2rem; line-height:2.6rem}

/*radio button*/
.radio_t01+label{font-size:1.6rem; line-height:1.7rem; letter-spacing:-1px}
.radio_t01+label>div{/* padding-left:2.6rem; */}
.radio_t01+label>div:before{width:1.8rem; height:1.8rem; background:url(../images/common/radio_off.png) 0 0 no-repeat;background-size:1.8rem 1.8rem}
.radio_t01:checked+label>div:before{background:url(../images/common/radio_on.png) 0 0 no-repeat;background-size:1.8rem 1.8rem;}
.radio_t01+label+.radio_t01{margin-left:4rem}

/*check box*/
.chk_t01+label{font-size:1.6rem; line-height:1.7rem;}
/* .chk_t01+label>div{padding-left:2.6rem;}
.chk_t01+label>div:before{width:1.8rem; height:1.8rem; background:url(../images/common/check_off.png) 0 0 no-repeat;background-size:1.8rem 1.8rem;}
.chk_t01:checked+label>div:before{background:url(../images/common/check_on.png) 0 0 no-repeat;background-size:1.8rem 1.8rem;}*/
.chk_t01{width:1.8rem; height:1.8rem; background:url(../images/common/check_off.png) 0 0 no-repeat;background-size:1.8rem 1.8rem;}
.chk_t01:checked{background:url(../images/common/check_on.png) 0 0 no-repeat;background-size:1.8rem 1.8rem;}
.chk_t01+label+.chk_t01{margin-left:4rem}

/*select box*/
.custom_selected{padding:1.2rem 0; padding-right:2rem; font-size:1.6rem; line-height:1.7rem;}
.select_view_btn{padding-top:0;}
.select_view_btn>img{top:1.8rem; right:0.8rem; width:1.6rem; height:1rem;}
.select_list{font-size:1.6rem; color:#333;}

/*data list*/
.list_data_tit{padding:1.8rem 0; font-size:1.6rem; line-height:1.8rem;}
.data_listCon01{font-size:1.6rem; line-height:1.8rem;}
.data_listCon02>dt{width:23rem; font-size:2.6rem; line-height:3.4rem;}
.data_listCon02>dd{font-size:1.6rem; line-height:2rem;}
.data_listCon03{font-size:1.5rem; line-height:1.8rem;}
.data_listCon03>dt{width:14rem; padding:1.8rem;}
.data_listCon03>dd{padding:1.8rem;}
.list_data03>li{float:none; width:100%;}
.data_listCon04{font-size:1.6rem; line-height:1.8rem;}
.data_listCon04>dt{width:18rem; padding:1.5rem;}
.data_listCon04>dd{padding:1.5rem;}
.list_data03 .list_data03_clear .data_listCon04 dt{width: 18rem;}
.data_listCon05{font-size:1.5rem; line-height:1.7rem;}
/* 20230130 css 수정 */
.list_data03 .list_data03_clear dt{width: 40%;}
.data_listCon05>dd.state_dd{font-size: 1.4rem; line-height: 1.9rem;}
/* 20230130 css 수정 */
.data_listCon05>dt{width:40%; padding:2rem 1.5rem;}
.data_listCon05>dd{padding:2rem 1.5rem; border:none}
.list_data03>li:nth-child(2n)>.data_listCon05>dd{border-right:none;}
.list_data05>li{float:none; width:100%;}
.list_data05 dd, .list_data05 dt{line-height:1.9rem; padding:1.5rem;}
.listResponsive dd, .listResponsive dt{height:auto}
.data_listCon04_d>dt{width:35%; padding-right:0}
.data_listCon04_d>dd{width:65%}
/*list*/
.list_box_wrap1{padding:0 2rem;}
.data_listCon04Span{line-height: 3rem; font-size: 1.6rem;}
.data_listCon04Li + li .data_listCon04{height: auto;}

/*layer popup*/
.popup_tit{font-size:2.2rem; line-height:2.6rem;}
div.popup_d01{left:5%; z-index:99999; width:90%; padding:0 2rem 4rem 2rem;}
/*table*/
.table_s01{font-size:1.6rem; line-height:2rem;}
.table_s01 thead th{padding:1.5rem 2rem;}
.table_s01 tbody td{padding:2.5rem 2rem;}
.table_inner{display:block;}
.table_inner>p{display:block;}
.table_inner>p:nth-child(2){width:100%; margin-top:1rem; text-align:left;}
/* .tabel_wrap_vh{height:62rem;} */
.table_row_t1 tbody th{padding:0 1rem;}
.input_table_In{padding-top:0rem;}



/*tab*/
.tab_list{padding:0 2rem; text-align:center}
.tab_list>li{padding:2.5rem 1.5rem; margin:0 7rem 0 0;}

/* 20230213 */
.tab_list_exc .tab_list{padding: 0 0 0 7rem; text-align: left; width: calc(100% - 23rem);}


 /*로그인*/
.logIn_select_wrap{padding:5rem 0;}
.logIn_select_con_wrap{padding:0 2rem;}
.logIn_select_conList{padding:0 2rem; box-sizing:border-box}
.logIn_select_conList>li{text-align:center;}
.select_c_type{width:13.4rem; height:13.4rem; font-size:1.4rem; line-height:1.6rem;}
.select_c_type>img{width:5rem; height:3.4rem; margin-top:1.8rem;}
.select_c_type:after{top:6.4rem;}
.select_c_type>div{margin-top:2.4rem;}
.logIn_info_wrap{padding:4rem 0 0 0;}
.logIn_info_wrap>div:nth-child(1){font-size:1.6rem; line-height:1.8rem;}
.logIn_info_wrap>div:nth-child(1)>p{margin-bottom:1.8rem;}
.logIn_info_wrap>div:nth-child(2){font-size:1.4rem; line-height:2rem;}
.logIn_select_conList_d>div:nth-child(1){height:20rem; /*padding-top:4.5rem; margin-right:4rem; border-right:1px solid #d4d4d4;*/ text-align:Center}
.logIn_select_conList_d>div:nth-child(2){width:50%; padding:0 4rem;}
.logIn_info_wrap>div:nth-child(2) .pl35 { padding-left: 2rem !important; }

 /*step*/
.step_wrap{padding:4.5rem 0;}
.step_list{padding:0 8rem;}
.step_list>li{padding-top:6.5rem; position:relative; top:0; left:0; display:table-cell; width:25%; display:inline-block; font-size:1.6rem; line-height:1.8rem;}
.step_list>li, .step_list>li.step_on, .step_list>li.step_comoletion{background-size:5rem 5rem}
.step_list>li:after{top:2.4rem; right:0; width:calc(50% - 30px);}
.step_list>li:before{top:2.4rem; left:0; width:calc(50% - 30px);}

/*error*/
.err_type_tit{font-size:2.2rem; line-height:2.4rem;}
.err_type_tit>div:first-child{margin-bottom:1.4rem;}
.err_type_tit>div:first-child img{width:10rem; height:9.7rem;}
.err_type_txt{margin-top:1.8rem; font-size:1.6rem; line-height:1.8rem;}
.err_type_txt>p{margin-top:0.5rem;}

.info_txt03 { padding-left: 2rem; }


/* 20230130 css 수정 */
.join_list_wrap.join_list_wrap_exc{padding: 3rem 0 2rem 0rem;}
/* 20230130 css 수정 */

/* 전자투표 미리보기 */
.vv_preview_cont{width: 100%;}
.vv_preview_list> li{width: 50%;}



/* 20230208 */
.input_btn2Data.oneList{width: 100%;}
}

@media all  and  (max-width:735px){/*모바일 세로 */

    /* 20230216 header ellipsis 처리 */
header .name a:nth-child(1){overflow: hidden;text-overflow: ellipsis; webkit-line-clamp: 1; -webkit-box-orient: vertical !important;max-width: 100px; white-space: nowrap;}
/* 20230216 */

.file_upload .file_upload_close{width: 1rem; height: 1rem;}
.file_upload .file_upload_close::before , .file_upload .file_upload_close::after{width: 0.5px; height: 1rem;} 
/*header*/

/* .header_ellipsis1{overflow: hidden;text-overflow: ellipsis; webkit-line-clamp: 1; -webkit-box-orient: vertical !important;max-width: 100px; white-space: nowrap;}   */
.header_wrap{height:8rem;}
.logo{top:1.8rem; left:2rem; width:9.9rem; height:2rem; background:url(../images/common/logo_m.png) 0 0 no-repeat; background-size:100%;}		
.memInfo{top:1.5rem; right:4.8rem;}
.memInfo span{font-size:1.4rem}
.memInfo .clock{font-size:1.4rem; background-size: 1.4rem; padding: 0 0 0 1.7rem; line-height: 2.3rem;}
.memInfo .btn_clock{font-size:1.2rem; padding:0.1rem 0.6rem 0.2rem 0.6rem;}
.notice{position: absolute; top:5rem; right:2rem; font-size:1.4rem; font-weight:800; padding-left:20px; background:url(../images/common/notice_m.png) left center no-repeat; background-size:1.5rem 1.5rem; color:#000;}

/*navigation*/
#nav:after{display:none}
.nav_wrap{left:0; margin-left:0; padding:0 0 0 0rem; box-sizing:border-box;}		
.nav_header{position:relative; top:0; left:0; padding-left:0rem;}
.nav_header_tit{height:5rem; border-bottom:1px solid #f5f5f5}
.btn_home{display:block; top:1.8rem; left:0; width:1.6rem; height:1.6rem;}
.nav_open, .nav_close{position:absolute; top:2rem; right:2rem;}
.nav_slice1, .nav_slice2, .nav_slice3{display:block; width:2rem; height:0.2rem; margin-bottom:0.4rem; background:#000; transition:all .3s ease-in-out;}
.nav_slice3{margin-bottom:0}
.nav_closeOn .nav_slice1{transform: rotate(45deg); margin-top:0.2rem}
.nav_close .nav_slice2, .nav_close .nav_slice2{transform: rotate(-45deg); margin-top:-0.6rem}
.logIn, .logOut{ position:relative; top:0; right:0; padding:3rem 1.6rem 3rem 6rem; overflow:hidden; transform: translate(0); }
.logOut.company { width: 100%; box-sizing: border-box; }
.logIn>*, .logOut>*{display: block; margin-bottom:1.6rem;}
.logIn > p:first-child { margin-bottom: 2rem; }
.logOut.company .welcomTxt { width: calc(100% - 10rem); margin:0; }
.btnUserInfo { position: absolute; top:3rem; right:1.6rem; }
.btn_logIn, .btn_logOut{float:none; display:inline-block;  padding-bottom:0.2rem; margin-left:0; border-bottom:1px solid #000; font-weight:bold;}
.nav_1dep{position:relative; top:0; left:0; padding-left:6rem;}
.nav_1dep>li{float:none; width:100%; position:relative; top:0; left:0; border-bottom:1px solid #f1f1f1;}
.nav_1dep>li:nth-child(3n+2){clear:both; margin-left:0%}
.nav_1dep>li:nth-child(2){clear:initial; margin:0}
.nav_1dep>li>a{display:block; padding:2rem 0; font-size:1.6rem; line-height:1.8rem;}
.nav_1dep>li.nav2dep>a:after{content:""; display:block;} 
.nav_1dep>li.nav2dep_on>a:after{display:block; transform:rotate(-180deg);}
.nav_2dep{position:relative; top:0; left:-6rem; width:100%; padding:2rem 0 2rem 6rem; background:#f5f5f5;}
.nav_2dep>li>a{display:block; padding:1rem 0; font-size:1.6rem; line-height:1.8rem;}
.nav_scroll{padding:0}	
.nav2dep.nav2dep_on .nav_2dep{display:block}
.nav2dep .nav_2dep{display:none}
/* .navOn, .nav_1dep>li>a:hover{font-weight:bold; color:#333;} 
.nav_2dep>li>a:hover{font-weight:normal; color:#333;}    */
.user_name { top: 1.9rem; right: 5rem; font-size: 1.4rem; }
/*footer*/
#footer{padding:3rem 0 4rem 0; text-align:center; font-size:1.4rem; line-height:1.6rem;}
.footer_wrap{padding:0; text-align:center;}/*20191202 수정*/
.foot_logo>a{display:inline-block; width:10.2rem; height:2rem; background:url(../images/common/foot_logo.png) 0 0 no-repeat; background-size:10.2rem 2rem;}
.footer_contWrap{width:100%; margin-top:1rem; text-align:center; font-size:0;line-height:0;}
.footer_contList>li{float:none; display:inline-block; padding:0 0.8rem; font-size:1.4rem; line-height:1.6rem; letter-spacing:-1.2px;}/*20191202 수정*/
.footer_contList>li:first-child{padding-left:0.8rem;}
.footer_contList>li.footer_copy, .footer_contList>li.footer_tel{display:block; padding:0; padding-top:1.2rem;}
.footer_contList>li:after{content:""; position:absolute; top:0.4rem; left:0; width:1px; height:1rem; background:#d5d5d5}
.footer_contList>li.footer_copy:after, .footer_contList>li.footer_tel:after{width:0; height:0}
.footer_copy>a.wah{top:-2rem; left:0.6rem; width:5rem; height:3rem; background:url(../images/common/wah.png) 0 0 no-repeat; background-size:5rem 2.8rem;}

/*common*/
.font_st01{color:#666; font-size:1.4rem; line-height:1.8rem}
.font_st02{font-size:1.4rem !important; line-height:1.6rem !important}

/*button*/
.btn_wrap02{padding:4rem 0 8rem 0;}
.btn_s02{width:14rem; padding:1.2rem 0; font-size:1.6rem; line-height:1.7rem;}
.btn_s03{width:14rem; padding:1.2rem 0; font-size:1.6rem; line-height:1.7rem;}
.btn_s02+.btn_s03{margin-left:1rem;}
.btn_s04{padding:0.8rem 1.6rem; color:#292ea5;}
.btn_s05{margin-left:1rem; border-bottom:1px solid #878ac5; color:#878ac5; font-size:1.2rem; line-height:1.4rem;}
.btn_s06{font-size:1.3rem; line-height:1.5rem;}
.btn_s07{padding-right:1.4rem; font-size:1.6rem; line-height:1.8rem; background-size:1rem 1rem;}
.btn_s08{padding:0.8rem 1.8rem 1rem 1.8rem; border-radius:0.8rem; font-size:1.2rem; line-height:1.4rem;}
.btn_s09{padding:0.8rem 1.8rem 1rem 1.8rem; border-radius:0.8rem; font-size:1.2rem; line-height:1.4rem;}
.btn_s10{padding:1.2rem 4.5rem; background:#757575; border-radius:4.2rem; color:#FFF; text-align:center; font-weight:bold; font-size:1.4rem; line-height:1.6rem;}
/* 20230130 */
.btn_wrap11{text-align: left; display: block; margin-top: 2rem;}
.tbl_scroll_btn2 .btn_s13+.btn_s13{margin: 0;}
/*  20230130 */
.btn_wrap04{padding:2rem 0 0 0;}
.btn_wrap05{padding:0;}
.btn_wrap06{padding:2rem 0 0 0;}
.btn_wrap07{padding:2rem 0 0 0;}
.btn_s11{padding-bottom:0.1rem; font-size:1.4rem; line-height:1.6rem;}
.btn_s12{padding:1.2rem 3rem 1.3rem; font-size:1.6rem; line-height:1.8rem;}
.btn_s13{padding:0.8rem 1.6rem 0.9rem 1.6rem; font-size:1.2rem; line-height:1.4rem;}
.btn_s14{display:inline-block; padding:0.8rem 1.8rem 0.9rem 1.8rem; font-size:1.2rem; line-height:1.4rem;}
.tbl_scroll_btn{padding-top:2rem;}
.btn_txt{margin-top:1.5rem; font-size:1.2rem; line-height:1.6rem;}
.btn_pot_wrap{position:relative; top:0; left:0; width:100%; text-align:right}
.btn_pot{position:relative; top:0; right:0; margin-top:2rem;}
/* 20230130 css 수정 */
.btn_wrap03 .btn_pot2{top: 1.5rem;}
.btn_pot_wrap .btn_pot2{top: 0;}
.btn_pot2{top: 0;}
.btn_pot2.poss{position: static; margin-bottom: 1rem;}
.btn_download{font-size: 1.2rem; line-height: 1.4rem;}
/* 20230130 css 수정 */
.btn_wrap07_d{padding:4rem 0 0 0;}
.btn_wa1{width:auto; padding:1.2rem 2.4rem}
.btn_pw1{width:24rem; padding:1.6rem 0 1.6rem 6rem; font-size:1.4rem; line-height:1.6rem;}
.btn_pw_p1{width:24rem; padding:1.4rem 0 1.4rem 6rem; background-size:16px 13px; font-size:1.6rem; line-height:1.8rem;}
.popup_joinBtnWrap>p{margin-top:2rem;}
.popup_joinBtnWrap>p:first-child{margin-top:0;}
.popup_joinBtnWrap>p:nth-child(3) { width: 24rem; font-size: 1.4rem; }
/*input*/
.input_t1{font-size:1.6rem; line-height:1.8rem;}
.placeholder_input label{top:1.4rem; font-size:1.6rem; line-height:1.8rem;}
.icoRequired img{width:0.8rem; height:0.8rem}
.input_list_s01{width:100%; overflow:hidden; font-size:0; line-height:0}
.input_list_s01>li{margin-left:2rem; line-height:2.6rem}
.input_btn2Data>div.btn2Data_last_d{width:10rem;}
.input_btn2Data>div.btn2Data_last_d1{width:7rem;}

/* 20230208 */
.input_btn2Data.oneList{width: 100%;}

.input_email{display:block; width:100%; font-size:0;  line-height:1.8rem;}
.input_email>li{display:inline-block; padding-left:0.8rem;}
.input_email>li:nth-child(1){width:45%;}
.input_email>li:nth-child(2){width:10%; font-size:1.6rem;}
.input_email>li:nth-child(3){width:45%;}
.input_email>li:nth-child(4){width:100%; padding:0}
.input_email>li:nth-child(4):after{content:""; clear:both; position:absolute; top:0; left:0; width:100%; height:100px;}
.file_upload .delete_file_icon{}
.file_upload input[type=text]{width:calc(100% - 130px)}

.input_btn2Data_txt>div{display:block; width:100%; vertical-align:middle; box-sizing:border-box;}
.input_btn2Data_txt>div:nth-child(1){padding-right:0rem;}
.input_btn2Data_txt>div:nth-child(2){padding-left:0rem; padding-top:0.6rem}
.join_list>li.inputOnly_w1{padding:0;}
.inputOnly_w1 .input_data>dd{padding-top:0; margin-top:0}


/*radio button*/
.radio_t01+label{font-size:1.4rem; line-height:1.5rem; letter-spacing:-1px}
.radio_t01+label>div{padding-left:1.2rem;}
.radio_t01+label>div:before{width:1.6rem; height:1.6rem; background:url(../images/common/radio_off.png) 0 0 no-repeat;background-size:1.6rem 1.6rem}
.radio_t01:checked+label>div:before{background:url(../images/common/radio_on.png) 0 0 no-repeat;background-size:1.6rem 1.6rem;}
.radio_t01+label+.radio_t01{margin-left:2rem}

/*check box*/
.chk_t02_wrap input[type=checkbox]{top:1.5rem;left:1rem}
.chk_t01+label{font-size:1.4rem; line-height:1.5rem;}
.chk_t01+label>div{padding-left:1.2rem;}
.chk_t01+label>div:before{width:1.6rem; height:1.6rem; background:url(../images/common/check_off.png) 0 0 no-repeat;background-size:1.6rem 1.6rem;}
.chk_t01:checked+label>div:before{background:url(../images/common/check_on.png) 0 0 no-repeat;background-size:1.6rem 1.6rem;}
.chk_t01+label+.chk_t01{margin-left:2rem}
/*chk list 191014 추가*/
.chk_list>li{width:calc(50% - 6px); margin:14px 6px 0 6px;}
.chk_list>li:nth-child(2n+1){margin-left:0}
.chk_list>li:nth-child(2n){margin-right:0}
.inputChk_data{padding-top:2rem; font-size:1.4rem; line-height:1.6rem;}
.inputChk_data>dt{font-weight:bold;}
.inputChk_data>dd>.chk_list{margin-top:0.2rem}
.inputChk_data+.inputChk_data{padding-top:3rem;}
.chk_t02+label{position:relative; top:0; left:0; width:100%; padding:1.5rem 1rem; font-size:1.4rem; line-height:1.6rem;}
.chk_t02+label>div{padding-left:2.2rem; vertical-align:middle;}
.chk_t02+label>div:before{top:1.6rem; left:1rem; width:1.6rem; height:1.6rem; background:url(../images/common/check_off.png) 0 0 no-repeat; background-size:1.6rem 1.6rem;}
.chk_t02:checked+label>div:before{background:url(../images/common/check_on.png) 0 0 no-repeat; background-size:1.6rem 1.6rem;}

/*select box*/
.custom_selected{padding:1.2rem 0; padding-right:1.6rem; font-size:1.6rem; line-height:1.7rem;}
.select_view_btn{position:absolute; padding-top:0;}
/* .select_view_btn>img{top:1.8rem; right:0.8rem; width:1.2rem; height:0.8rem;} */
.custom_form_select_wrap .select_view_btn img {top: 1.8rem;right: 0.8rem;width:1.2rem; height:0.8rem}
.custom_form_select_wrap.on .select_view_btn img {top: 2rem;}
/* 20230209 */
.custom_view_select >a img.view_on{ top: 2.7rem; }
/* 20230209 */
.select_list{font-size:1.4rem; color:#333;}
.select_list>li>a{padding:10px 20px;}
.defaul_select{height:4rem; padding:1rem 0.8rem; font-size:1.4rem; line-height:1.6rem;}

/*list*/
.list_data_tit{padding:1.6rem 0; margin:0.8rem 0; font-size:1.4rem; line-height:1.6rem;}
.list_data_tit_flex >div:nth-child(1){line-height: 2rem}
.list_data_tit_flex >div:nth-child(1) span{line-height: 1.6rem;}
.list_data_tit_flex .list_data_preview_btn{flex-shrink: 0;}
.dot_list>li{padding-left:1.2rem; margin-bottom:0.6rem;}
.dot_list>li:last-child{margin:0;}
.list_box_wrap1{padding:0}
.list_box{width:100%; background:#eceded; color:#333; font-size:1.2rem; line-height:1.6rem;}
.caution_wrap{padding-left:3rem; margin-top:4rem; font-size:1.3rem; background:url(../images/common/ico_info_d.png) 0 2px no-repeat; background-size:1.8rem 1.8rem;}
.caution_wrap>p{margin-bottom:1rem; font-size:1.6rem;}
.caution_wrap1{font-size:1.2rem; line-height:1.4rem;}
/*data list*/
.list_data01>li{padding:0.8rem 0;}
.data_listCon01{font-size:1.4rem; line-height:1.6rem;}
.data_listCon02{display:block; width:100%; padding:1rem 0;}
.data_listCon02>dt{display:block; width:100%; padding:0 0 2.5rem 0; font-size:2.2rem; line-height:3rem;}
.data_listCon02>dd{display:block; font-size:1.6rem; line-height:2rem;}
.data_listCon03{font-size:1.4rem; line-height:1.6rem;}
.data_listCon03>dt{width:12rem; padding:1.4rem;}
.data_listCon03>dd{padding:1.4rem;}
.list_data03>li{float:none; width:100%;}
.data_listCon04{font-size:1.4rem; line-height:1.6rem;}
.data_listCon04>dt{width:14rem; padding:1.5rem 1rem;}
.data_listCon04>dd{padding:1.5rem 1rem;}
.data_listCon04Span{line-height: 3rem; font-size: 1.4rem; }
.data_listCon04Li + li .data_listCon04{height: auto;}
.data_listCon05{font-size:1.4rem; line-height:1.6rem;}
.data_listCon05>dt{width:45%; padding:1.5rem 1rem;}
.data_listCon05>dd{padding:1.5rem 1rem; border:none}
.list_data03>li:nth-child(2n)>.data_listCon05>dd{border-right:none;}
.list_data05>li{float:none; width:100%;}
.list_data05 dd, .list_data05 dt{line-height:1.7rem; padding:1.5rem 1rem;}
/* .list_data03 .list_data03_clear{width: 100%;} */
/* 20230130 css 수정 */
.list_data03 .list_data03_clear dt{width: 45%;}
.list_data03 .list_data03_clear .data_listCon04 dt{width: 14rem;}
/* 20230130 css 수정 */
.list_data03 .list_data03_clear dd{border-right: none;}
.listResponsive dd, .listResponsive dt{height:auto}
.data_listCon04_d>dt{width:50%; padding-right:0}
.data_listCon04_d>dd{width:50%}
.data_listCon05>dd.state_dd{font-size: 1.4rem; line-height: 1.9rem;}
/*popup*/
.info_pop>img{width:1.6rem; height:1.6rem}

/*layer popup*/
div.popup_t01, div.popup_d01, div.popup_d04{left:5%; z-index:99999; width:90%; padding:0 2rem 4rem 2rem;}
.popup_close{top:2rem; right:2rem}
.popup_close2{top:2rem; right:2rem}
.popup_header{padding-bottom:2.6rem;}
/* 20230130 */
.popup_tit_flex{display: block; }
/* 20230130 */
.popup_tit{padding:2rem 2rem 1.5rem 0; font-size:1.8rem; line-height:2rem; letter-spacing:-1px;}
.popup_txt01{margin-top:3rem; font-size:1.2rem; line-height:1.6rem;}
.popup_con_tit{font-size:1.6rem; line-height:1.8rem; letter-spacing:-1px;}
div.popup_t02{left:5%; z-index:99999; width:90%; padding:0;}
div.popup_t03{left:5%; z-index:99999; width:90%; padding:0;}
.popup_header_d{padding: 0 2rem 2.5rem 2rem;}
.popupInput_tit{padding:0 2rem; font-size:1.2rem}
.popupInput_titTxt{padding-bottom:3rem; font-size:1.8rem; line-height:2.2rem;}
.popupInput_cont{padding-top:2rem;}
.popupInput_i_tit{padding:3rem 0; text-align:center; font-weight:bold; font-size:1.8rem; line-height:2.4rem;}
.popupInput_i_tit>img{margin-right:0.6rem; margin-top:4px;}
.popupInput_i_area{width:100%; padding:3rem 2rem; box-sizing:border-box; background:#f8f8f8;}
.popupInput_i_area input{border-bottom:1px solid #333;}
.popup_direction{position:absolute; top:2rem; right:5rem;}


/*table*/
.table_s01{font-size:1.4rem; line-height:1.6rem;}
.table_s01 thead th{padding:1.2rem 1rem;}
.table_s01 tbody td{padding:1.5rem 1rem;}
.table_inner{display:block;}
.table_inner>p{display:block;}
.table_inner>p:nth-child(2){width:100%; margin-top:1rem; text-align:left;}
.table_s02{font-size:1.4rem; line-height:1.6rem;}
.table_s02 thead th{padding:1.2rem 0.8rem;}
.table_s02 tbody td{padding:1.5rem 0.8rem;}
.table_row_t1{margin-top:1.4rem;}
.table_row_t1 tbody th{padding:0 0.6rem;}
.input_table_In{padding-top:0rem;}
.btn_pot_wrap + .tabel_wrap_v{margin-top: 7.5rem;}


/*tab*/
.tab_list_wrap{border-bottom:1px solid #e1e1e1;}
.tab_list{padding:0 2rem; text-align:center}
.tab_list>li{padding:1.8rem 1rem; margin:0 4.5rem 0 0; font-size:1.6rem; line-height:1.8rem;}
.tab_list>li:last-child{margin:0}
.tab_list>li.active>span:after{bottom:-1px; left:0; height:1px;}
.tab_list>li>span:hover:after{bottom:-1px; left:0; height:1px;}

/* 20230213 */

.tab_list_exc .tab_list{padding: 0; width: calc(100% - 14rem);}
.tab_list_exc .btn_s03{width: 12rem; padding: 1.2rem 0; font-size: 1.6rem ; line-height: 1.7rem; margin-top:6.5px; }


/*table scroll*/
/* .tabel_wrap{margin-top:3rem;} */
.tabel_wrap_vh{height:41rem;}
 /*로그인*/
.login_wrap{padding:2rem 0 8rem 0}
.logIn_select_wrap{width:100%; padding:4rem 0;}
.logIn_select_con_wrap{padding:0;}
.logIn_select_conList{padding:0 2rem; box-sizing:border-box}
.logIn_select_conList>li{text-align:center}
.select_c_type{width:9.4rem; height:9.4rem; border-radius:50%; text-align:center; font-size:1.3rem; line-height:1.6rem;}
.select_c_type01{box-shadow:4px 4px 20px 2px rgb(185, 197, 246);}
.select_c_type02{box-shadow:4px 4px 20px 2px rgb(236, 235, 206);}
.select_c_type03{box-shadow:4px 4px 20px 2px rgb(227, 233, 238);}
.select_c_type>img{width:3.4rem; height:2.3rem; margin-top:1rem;}
.select_c_type:after{top:4rem; width:6px; height:1px; margin-left:-3px;}
.select_c_type>div{margin-top:1.8rem;}
.logIn_info_wrap{padding:3rem 0 0 0;}
.logIn_info_wrap>div{float:none; padding:0 2rem; box-sizing:border-box;}
.logIn_info_wrap>div:nth-child(1){width:100%; font-size:1.4rem; line-height:1.6rem;}
.logIn_info_wrap>div:nth-child(1)>p{margin-bottom:1rem;}
.logIn_info_wrap>div:nth-child(2){width:100%; margin-top:3rem; font-size:1.2rem; line-height:1.6rem;}

/*20190930*/
.logIn_info_wrap>div:nth-child(2) .info_pop{margin-left:0}
.logIn_info_wrap>div:nth-child(2) .pl35{padding-left:2rem !important}
.logIn_select_conList_d>div{display:block; width:100%; vertical-align:middle; text-align:left}
.logIn_select_conList_d>div:nth-child(1){height:100%; text-align:center; margin-bottom:4rem; padding:0;}
.logIn_select_conList_d>div:nth-child(2){width:100%; padding:0 2rem; box-sizing:border-box;}
.logIn_select_conListTit{padding-bottom:1rem; font-size:1.6rem; line-height:1.8rem;}
#tabConts2 .logIn_select_conList_d>div:nth-child(1) { display:none !important; }
#tabConts2 .logIn_select_conList_d>div:nth-child(2) { display:block !important; width: 100%; }
.logIn_select_conList_d>div:nth-child(1):after{ top: auto; left:50%; transform: translateX(-50%); bottom: 0; width: 80%; height:1px; }
.logIn_select_conList_d>div:nth-child(2) .mt30 { padding-top:0; }
.logIn_select_conList_d>div:nth-child(1) > p { margin: 2rem 0 5rem; }
.logIn_select_conList_d>div:nth-child(1) .logIn_select_conListTit { padding-bottom: 2rem; }

/*말풍선*/
.sc_balloon{top:-2.8rem; left:-0.6rem; height:2rem; padding:0.6rem 1.8rem; font-size:1.2rem; line-height:1.4rem;}
.sc_balloon:after{top:2.6rem; right:1.2rem; width:1rem; height:0.8rem;}

/*datepicker*/
.ui-datepicker-trigger{top:0.8rem;}
.ui-datepicker-trigger>img{width:3rem; height:3rem;}

/*step*/
.step_wrap{padding:3rem 0;}
.step_list{padding:0 3rem;}
.step_list>li{padding-top:5rem; font-size:1.4rem; line-height:1.6rem;}
.step_list>li, .step_list>li.step_on, .step_list>li.step_comoletion{background-size:3.4rem 3.4rem}
 .step_list>li:after{top:1.8rem; right:0; width:calc(50% - 18px);}
.step_list>li:before{top:1.8rem; left:0; width:calc(50% - 18px);}

/*paging*/
.paging_area{margin-top:2rem;}
.paging_area>a{display:inline-block; width:1.6rem; height:1.8rem; margin:0 0.2rem; font-size:1.2rem; line-height:1.8rem;}
.paging_area>a.paging_first{background-size:1.4rem 1.4rem}
.paging_area>a.paging_pre{margin-right:0.4rem; background-size:1.4rem 1.4rem}
.paging_area>a.paging_next{margin-left:0.4rem; background-size:1.4rem 1.4rem}
.paging_area>a.paging_last{background-size:1.4rem 1.4rem}

/*error*/
.err_type_wrap{padding:3rem 0 2.8rem 0;}
.err_type_tit{font-size:1.8rem; line-height:2rem;}
.err_type_tit>div:first-child{margin-bottom:1.4rem;}
.err_type_tit>div:first-child img{width:8rem; height:7.7rem;}
.err_type_txt{margin-top:1.5rem; font-size:1.4rem; line-height:1.8rem;}
.err_type_txt>p{margin-top:0.4rem;}

.info_txt02 { font-size: 1.4rem; }
.info_txt04{display: table;  margin-top: 1rem; margin-left: 0; padding-left: 0.5rem;width:calc(100% - 1rem);}
.info_txt04 p:nth-child(1){padding-right: 0.5rem;}
.info_txt04 p{display: table-cell; vertical-align: top;}

/* 200306 */
.popupMinus { width: 90%; }
.popupMinus .popup_cont { padding-right: 0; }

.info_txt03 { padding-left: 2rem; }


.join_list_wrap.join_list_wrap_exc{padding: 2rem 0 2rem 0rem;}





/* 전자투표 미리보기 */
.vv_preview_cont{width: 100%;}
.vv_preview_list> li{width: 100%;float: none;}
.vv_preview_tit{font-size: 1.4rem; line-height: 1.6rem;}
.vv_preview_txt{font-size: 1.4rem; line-height: 1.6rem;}
.popup_vote_tit .d_stateWrap{margin-top: 1rem;font-size: 1.2rem;line-height: 1.4rem;margin-left: 0;}
.popup_preview_tit>div.ss_data_contTit_time{background: none; position: static; margin: 1rem 0; padding-left: 0;}
.popup_tit.popup_prev span:nth-child(1)::after{top: 0.25rem;}
.popup_tit.popup_prev span:nth-child(2){font-size: 1.4rem; line-height: 1.6rem;}


.tbl_scrollH_inner{min-width: 900px;}
.tbl_scrollVH_inner{min-width: 900px;}


.preview_btn{font-size: 1.3rem; line-height: 1.5rem;}
.preview_btn span{    padding: 0 1.2rem 0 0;
    background-size: 0.6rem 1rem;

}
}


/* 202302017 추가 */
@media all  and  (max-width:401px){
    header .name a:nth-child(1){max-width: 60px;}
    .modBtn{padding-left: 0 !important;}
}



.file_td {position: relative;}

.file_td .file_td_close{ z-index: 999;;position: absolute; width: 13px; height: 13px; background:url('../images/common/by_blue.png'); right: 5px; top: 5px; display: inline-block; cursor: pointer;}

/* 20230307 추가 /mypbcm/gnrlMtngOfShds.do 나의 주주총회 탭 개선*/
.tab_wrap.content_tab{ width:100%; padding-top:2.6rem; border-bottom: 1px solid #e1e1e1; background:#f4f5f5; }
.tab_wrap.content_tab .tab_list_wrap{ position : relative; max-width: 1152px; margin: 0 auto; border-bottom: 0; }
.tab_wrap.content_tab .tab_list_wrap .tab_list.tab{ margin: 0; padding: 0rem 0 0 8rem; }
.tab_wrap.content_tab .tab_list_wrap .tab_list.tab li{ margin: 0; min-width:13.8rem; text-align:center; cursor: pointer; }
.tab_wrap.content_tab .tab_list_wrap .btn_s13{ position: absolute; bottom: 3rem; right: 2rem; }
@media (min-width: 736px) and (max-width: 900px){
    .tab_wrap.content_tab .tab_list_wrap .tab_list.tab{ text-align:left; padding: 0rem 0 0 2rem; }
}
@media (max-width: 735px){
    .tab_wrap.content_tab{ border-bottom: 1px solid #e1e1e1; }
    .tab_wrap.content_tab .tab_list_wrap .tab_list.tab { display:flex; flex-direction :row; padding: 0; text-align: center; }
    .tab_wrap.content_tab .tab_list_wrap .tab_list.tab li{ flex: 1 1 100%; min-width:auto; text-align:center; }
    .tab_wrap.content_tab .tab_list_wrap .btn_s13.mobile_hidden{ display:none !important; }
}