@charset "utf-8";

/** common **/
@font-face{
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:300;
    src:url(/static/common/fonts/NotoSansKR-Regular.woff2) format('woff2'), 
    url(/static/common/fonts/NotoSansKR-Regular.woff) format('woff'), 
    url(/static/common/fonts/NotoSansKR-Regular.otf) format('opentype');
}

@font-face{
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:500;
    src:url(/static/common/fonts/notokr-medium.woff2) format('woff2'), 
    url(/static/common/fonts/notokr-medium.woff) format('woff'), 
    url(/static/common/fonts/notokr-medium.otf) format('opentype');
}



@font-face{
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:bold;
    src:url(/static/common/fonts/NotoSansKR-Bold.woff2) format('woff2'), 
    url(/static/common/fonts/NotoSansKR-Bold.woff) format('woff'), 
    url(/static/common/fonts/NotoSansKR-Bold.otf) format('opentype');
}

*,:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*{padding:0;margin:0;}

html,body{width:100%;height:100%;}
html{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body{height:100vh;line-height:normal;color:#333;background:#fff;}
body, div, dl, dt, dd, ul, ol, menu, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p,a,button,li,div{margin:0px;padding:0px;letter-spacing:-0.05em;font-family:'Noto Sans KR','Nanum Barun Gothic','Malgun Gothic',맑은 고딕, Verdana,Arial, '돋움', Dotum;}
table{border-collapse:collapse;border-spacing:0px;}
fieldset, img, abbr, acronym{margin:0px;border:0px;_vertical-align:top;}
address, caption, cite, code, dfn, em, var{font-style:normal;font-weight:normal;}
ol,ul,menu{list-style:none;}
legend{position:absolute;visibility:hidden;height:0;line-height:0;font-size:1px;}
q:before, q:after{content:'';}
a{color:#555;text-decoration:none;}
a:hover{text-decoration:none;}
hr{display:none;}
em{color:inherit;font-weight:normal;font-style:normal;}
table caption{display:none;}
input[type="checkbox"],input[type="radio"]{vertical-align:middle;} 

/** Form Basic **/
input[type='text'],input[type='password'],input[type='file'],input[type="radio"],input[type="checkbox"],select,textarea{color:#666;border:1px solid #d7d9dd;vertical-align:middle}
input[type='text'],input[type='password'],input[type='file'],select{height:32px !important;padding:1px 6px}
input[type='password']{-webkit-text-security:disc;font-family:Verdana,sans-serif}
input[type='file']{width:100%;padding:2px;appearance:none;-webkit-appearance:none;-moz-appearance:none}
input[type='file']::-ms-value,input[type='file']::-ms-browse{border:1px solid #e1e3e7}
input[type='file']::-ms-value{background:#fff}
input[type='file']::-ms-browse{background:#f7f7f7}

input[type='text'][disabled],textarea[disabled],
input[type='text'][readonly],textarea[readonly]{background:#f7f7f8}

input[type='text'].error,input[type='password'].error,select.error,textarea.error{position:relative;color:#e41e1e;border-width:2px;border-color:#e41e1e}
input[type='text'].error,input[type='password'].error,select.error{height:30px}

textarea{overflow:auto;width:100%;height:130px;padding:5px;resize:none}

select{padding-right:25px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url(../images/common/bul_arr01.png) no-repeat no-repeat calc(100% - 10px) 50% !important;}
select::-ms-expand{display:none}
select[disabled]{color:#999;background-color:#f7f7f8}

input[type="radio"]{border-radius:50%}
input[type="checkbox"]{border-radius:0}
input[type="radio"],input[type="checkbox"]{width:14px;height:14px;}
input[type="radio"] + label,input[type="checkbox"] + label{padding-left:5px;padding-right:28px;line-height:20px;vertical-align:middle;cursor:default}

input::placeholder,textarea::placeholder{color:#aaa;font-size:14px;font-weight:300;}
input:focus::placeholder,
textarea:focus::placeholder{color:transparent !important}

i{font-style:normal}


*[id^='MODAL_']{position:fixed !important;}
/** font align **/
.ta_r{text-align:right !important;}
.ta_l{text-align:left !important;}
.ta_c{text-align:center !important;}

.va_t{vertical-align:top !important;}
.va_m{vertical-align:middle !important;}

/** font-color **/
.cl_red{color:#f00 !important;}
.cl_blue{color:#005ca3 !important;}
.cl_blue_light{color:#3b59d9 !important;}
.cl_blue_green{color:#177caa !important;}
.cl_sky{color:#317acd !important;}
.cl_green{color:#149000 !important;}
.cl_orange{color:#f05630 !important;}
.cl_gray{color:#474747 !important;}
.cl_gray_light{color:#666 !important;}
.cl_black{color:#000 !important;}

/** width %,px common **/
[class*='w_per'],[class*='w_px']{display:flex;align-items:center;min-width:inherit !important;max-width:inherit !important;}
[class*='w_per'] *{margin-left:10px;}
[class*='w_per'] *:first-child{margin-left:0;}

/** width % **/
.w_per100{width:100% !important}
.w_per95{width:95% !important}
.w_per90{width:90% !important}
.w_per85{width:85% !important}
.w_per80{width:80% !important}
.w_per75{width:75% !important}
.w_per70{width:70% !important}
.w_per65{width:65% !important}
.w_per60{width:60% !important}
.w_per55{width:55% !important}
.w_per50{width:50% !important}
.w_per45{width:45% !important}
.w_per40{width:40% !important}
.w_per35{width:35% !important}
.w_per30{width:30% !important}
.w_per25{width:25% !important}
.w_per20{width:20% !important}
.w_per15{width:15% !important}
.w_per10{width:10% !important}
.w_per5{width:5% !important}

/** width px **/
.w_px400{width:400px !important}
.w_px390{width:390px !important}
.w_px380{width:380px !important}
.w_px370{width:370px !important}
.w_px360{width:360px !important}
.w_px350{width:350px !important}
.w_px340{width:340px !important}
.w_px330{width:330px !important}
.w_px320{width:320px !important}
.w_px310{width:310px !important}
.w_px300{width:300px !important}
.w_px290{width:290px !important}
.w_px280{width:280px !important}
.w_px270{width:270px !important}
.w_px260{width:260px !important}
.w_px250{width:250px !important}
.w_px240{width:240px !important}
.w_px230{width:230px !important}
.w_px220{width:220px !important}
.w_px210{width:210px !important}
.w_px200{width:200px !important}
.w_px190{width:190px !important}
.w_px180{width:180px !important}
.w_px170{width:170px !important}
.w_px160{width:160px !important}
.w_px150{width:150px !important}
.w_px140{width:140px !important}
.w_px130{width:130px !important}
.w_px120{width:120px !important}
.w_px110{width:110px !important}
.w_px100{width:100px !important}
.w_px90{width:90px !important}
.w_px80{width:80px !important}
.w_px70{width:70px !important}
.w_px60{width:60px !important}
.w_px50{width:50px !important}
.w_px40{width:40px !important}
.w_px30{width:30px !important}
.w_px20{width:20px !important}
.w_px10{width:10px !important}

/** div_width % **/
[class*='div_per']{position:relative;}
.div_per100{width:100% !important}
.div_per95{width:calc(95% - 10px) !important}
.div_per90{width:calc(90% - 10px) !important}
.div_per85{width:calc(85% - 10px) !important}
.div_per80{width:calc(80% - 10px) !important}
.div_per75{width:calc(75% - 10px) !important}
.div_per70{width:calc(70% - 10px) !important}
.div_per65{width:calc(65% - 10px) !important}
.div_per60{width:calc(60% - 10px) !important}
.div_per55{width:calc(55% - 10px) !important}
.div_per50{width:calc(50% - 10px) !important}
.div_per45{width:calc(45% - 10px) !important}
.div_per40{width:calc(40% - 10px) !important}
.div_per35{width:calc(35% - 10px) !important}
.div_per30{width:calc(30% - 10px) !important}
.div_per25{width:calc(25% - 10px) !important}
.div_per20{width:calc(20% - 10px) !important}
.div_per15{width:calc(15% - 10px) !important}
.div_per10{width:calc(10% - 10px) !important}
.div_per5{width:calc(5% - 10px) !important}

/** bul style **/
.bul_type01,.bul_type02,.bul_type03,.bul_type04,.bul_type05,.bul_arrow_t,.bul_arrow_r,.bul_arrow_b,.bul_arrow_l{position:relative;padding: 0.2rem 0 0.2rem 2rem;font-weight:500;}
.bul_type01:before,.bul_type02:before,.bul_type03:before,.bul_type04:before,.bul_type05:before,.bul_arrow_t:before,.bul_arrow_r:before,.bul_arrow_b:before,.bul_arrow_l:before{content:'';display:block;position:absolute;background:#bdbec7;}

.bul_type01{color:#222;font-size:1.8rem;font-weight:500;}
.bul_type02{margin: 0.5rem 0;padding-left: 1.8rem;text-align:left;font-size: 1.6rem;}
.bul_type03{padding-left:12px;}
.bul_type04{padding-left:13px;}
.bul_type05{padding-left:12px;}

.bul_type01:before{top:12px;left:0;;width:7px;height:8px;}
.bul_type02:before{top: 1.3rem;left: 0.3rem;width: 0.8rem;height: 0.2rem;}
.bul_type03:before{top:13px;left:0;width:5px;height:2px;}
.bul_type04:before{top:12px;left:2px;width:3px;height:3px;}
.bul_type05:before{content:':';top:0;left:0;color:#bdbec7;background:none;}
    /** etc **/
    ul[class*='bul_']{margin: 2rem 0;padding:0;}
    ul[class*='bul_']>li{position:relative;margin: 2rem 0;padding: 0.2rem 0 0.2rem 1.8rem;line-height: 2.2rem;font-weight:400;word-break:break-all;font-size: 1.6rem;}
    ul[class*='bul_']>li:first-child{margin-top:0;}
    ul[class*='bul_']:before{display:none;}
    ul[class*='bul_']>li:before{content:'';display:block;position:absolute;background:#bdbec7;}
    ul.bul_type01>li{color:#222;font-size:1.8rem;}
    ul.bul_type01>li:before{top:11px;left:0;width:7px;height:8px;}
    ul.bul_type02{padding-left:18px;}
    ul.bul_type02>li:before{top: 1rem;left: 0.3rem;width: 0.8rem;height: 0.2rem;}
    ul.bul_type03>li{padding-left:12px;}
    ul.bul_type03>li:before{top:12px;left:0;width:5px;height:2px;}
    ul.bul_type04>li{padding-left: 1.3rem;}
    ul.bul_type04>li:before{top: 1rem;left: 0.2rem;width: 0.3rem;height: 0.3rem;}
    ul.bul_type05>li{padding-left:16px;}
    ul.bul_type05>li:before{content:':';top:0;left:7px;;color:#bdbec7;background:none;}

    [class*='bul_'],[class*='bul_'] [class*='bul_'],[class*='bul_'] [class*='bul_'] li{font-weight:normal;}
    [class*='bul_'] [class*='bul_']{margin:5px 0;}
    [class*='bul_'] [class*='bul_'] li{margin: 0.2rem 0;}

/** 로그인폼 **/
.inputs{display:flex;flex-direction:row;margin-top:20px;}
.inputs .left{display:flex;flex-direction:column;justify-content:space-between;width:100%;}
.inputs input{width:100%;border-radius:3px}
.inputs .password{position:relative;}
.inputs .password .hide{position:absolute;top:3px;right:5px;width:30px;height:30px;font-size:0;background:url("/static/common/images/password-hide.png") no-repeat center/24px;z-index:2;}
.inputs .password .show{background:url("/static/common/images/password-show.png") no-repeat center/24px;}
.inputs button{width:107px;height:80px;margin-left:10px;line-height:78px;color:#fff;font-size:16px;font-weight:700;text-align:center;border-radius:3px;background:#0E4194;}
.save_id{font-size:15px;}
.save_id input{margin-right:4px;vertical-align:middle;}

/* 레이어 팝업*/
.PopupWrap{display:none;width:406px;border:1px solid #ccd3db;border-radius:10px;box-shadow:0 4px 20px rgba(72,72,72,0.3);background:#fff;}
.Popup_md{width:480px;}
.PopupInner{padding:25px 30px 30px;}
.PopupHeader{position:relative;padding:0 0 15px;}
.PopupHeader h3{color:#333;font-size:16px;font-weight:bold;}
.PopupHeader .Popupclose{overflow:hidden;position:absolute;right:0;top:0;width:30px;height:30px;margin-top:-2px;text-indent:-9999px;background:url(/static/common/images/popup_close_bt.png) no-repeat center center;}

.PopupBody{border-top:1px solid #c3c3c3;border-bottom:1px solid #c3c3c3;padding-bottom:15px;}
.PopupBody .strong_text{font-size:20px;font-weight:bold;margin-bottom:10px}
.PopupBody .strong_text span{display:block;font-size:20px;font-weight:bold;}
.PopupBody p{color:#222;font-size:16px;}

.Popupbottom,.PB_bt_box{display:flex;}
.PB_bt_box.right{justify-content: flex-end;width: 100%;}
.Popupbottom{justify-content:space-between;align-items:center;position:relative;margin-top:10px;}
.Popupbottom .PB_Info{min-height:48px;}
.Popupbottom .PB_bt_box li{position:relative;padding:0 0 0 15px;}
.Popupbottom .PB_bt_box li:after{content:'';display:block;position:absolute;top:9px;left:7px;width:1px;height:14px;background:#c3c3c3;}
.Popupbottom .PB_bt_box li:first-child:after{display:none;}
.Popupbottom a{display:inline-block;padding:0 4px;line-height:18px;font-size:16px;border:0;}

.Popup_window.open > .body .wrap_search{margin-top:0;padding:15px;}
.Popup_window.open > .body .btn_group .btn{margin:2px 0 0 1px !important;}

/* 디지털 원패스 & GPKI 로그인 : 202308 추가 */
.PopupWrap .loginType{display:flex;align-items: stretch;justify-content: space-around;margin-top: 10px;}
.PopupWrap .loginType > *{display:flex;align-items:center;flex: 1;margin-left: 10px;justify-content: center;width: calc(100% / 2);background: #e2ebf0;color: #333;letter-spacing: -0.03em;padding: 13px 0;min-height: 44px;transition:all .2s;border-radius: 3px;font-size: 14px;}
.PopupWrap .loginType > *:first-child{margin-left: 0;}
    /* ^ type */
    .PopupWrap .onePassLogin{background:#1a2574; color:#fff;}
    .PopupWrap .onePassLogin:before{content:''; width:28px; height:24px; background:url("/static/contents/aa/images/contents/icon_onePassLogin.svg") center center / auto no-repeat; display:block; margin-right:5px; }
    /* ^ hover */
    .PopupWrap .loginType > *:hover{background:#b4d4e5;}
    .PopupWrap .onePassLogin:hover{background:#4f579a;}
    



/** contents layout **/
.wrap_content{max-width:1260px;min-height:600px;margin:0 auto}
.wrap_content i{font-style:normal}

/** title style **/
[class*="tit_"]{display:flex;align-items:flex-end;position:relative;margin: 5rem 0 1rem;color:#222;font-weight:500;}
[class*="tit_"] i{margin-left:7px;line-height:20px;color:#888;}
[class*="tit_bul"]:before{content:'';display:block;position:absolute;left:1px;background-repeat:no-repeat;background-position:0 0;}

.tit_bul01,.tit_txt01{line-height: 2.5rem;font-size: 2.1rem;width: 100%;display: block;}
.tit_bul02,.tit_txt02{line-height:21px;color:#285bc2;font-size: 1.8rem;display: block;width: 100%;}
.tit_bul03,.tit_txt03{line-height:20px;font-size:17px;}
.tit_bul04,.tit_txt04{line-height:19px;font-size:16px;}

/** box common **/
[class*='box_type']{position:relative;margin:25px 0;padding:25px;border-radius:5px;background:#f7f7f7;}
[class*='box_type'],[class*='box_type'] > p{line-height:26px;font-size:1.7rem;letter-spacing:-.8px;}
[class*='box_type'] > p{margin-top:10px;}
[class*='box_type'] .f_bold{color:#222;font-weight:500;}
[class*='box_type'] > p:first-child,[class*='box_type'] [class*='bul_']:first-child,[class*='box_type'] [class*='tip_']:first-child{margin-top:0;}
[class*='box_type'] [class*='bul_']{margin:10px 0 0;}
[class*='box_type'] [class*='bul_']:before,[class*='box_type'] [class*='bul_'] li:before{top:11px;}

[class*='box_type'] .box_tit01{line-height:30px;color:#111;font-size:2.5rem;}

.box_type00{padding: 2rem;font-size: 1.6rem;line-height: 2.6rem;font-weight:500;border:1px dotted #ccc;border-radius:0;background:#fff;word-break: keep-all;}
.box_type00:before{content:'';display:block;position:absolute;top:-1px;left:-1px;width:10px;height:calc(100% + 2px);background:linear-gradient(to bottom,#00abad, #2c50a6);}

.box_type01,.box_type01 > p,.box_type01 [class*='bul_'] li{line-height:18px;font-size:15px;}
.box_type02{padding: 1rem 1.5rem;font-weight:500;border:1px dotted #ccc;background:#f7f7f7;}
.box_type02 > p,.box_type02 li{line-height: 2.2rem;color:#555;font-size: 1.5rem;}
.box_type02 li{margin:2px 0 !important;}
.box_type02 li strong{font-weight:500;}
.box_type03{padding:10px 15px;border:1px dotted #dbdbdb;background:#fff;}
.box_type03:before{content:'';display:block;position:absolute;top:0;left:0;width:7px;height:100%;background:linear-gradient(to bottom,#00abad, #2c50a6)}

/** 검색조건 **/
.wrap_search,.sear_cont,.sear_footer,.sear_category,.sear_category > div{display:flex;flex-wrap:wrap;}
.wrap_search{justify-content:space-between;align-items:flex-end;margin:20px 0 30px;padding:20px;border:1px solid #d8dde0;border-radius:3px;background:#f5f5f5;}
.sear_cont{flex:1;width:calc(100% + 20px);margin:-10px 0 0 -20px;}
.sear_category{align-items:center;margin:10px 0 0 20px;}
.sear_category .sear_tit+div,.sear_category > div > *:not(:first-child){margin-left:5px;font-size:13px;}
.sear_category .sear_tit{min-width: 6rem;font-size: 1.6rem !important;font-weight:500;}
.sear_category select{min-width:80px}
.sear_category > div{flex:1;width:100%;}

.sear_category.consonant{width:calc(100% - 20px);}
.sear_category.consonant > div{display:block;width:calc(100% - 60px);margin:-2px 0 0 0;}
.sear_category.consonant > div > *{float:left;min-width:30px;margin:2px 0 0 5px;padding:0 8px;text-align:center;}

.sear_category .tui-datepicker-input{min-width:inherit !important;width:120px !important;height:32px !important;border-width:0 !important;}
.sear_category .tui-datepicker-input>input{border:1px solid #d7d9dd !important;border-radius:1px;}

.sear_footer{justify-content:center;min-width:100px;}
.sear_footer [class*='sear_'],.sear_footer [class*='sear_'] i{position:relative;}
.sear_footer [class*='sear_']{overflow:hidden;display:flex;justify-content:center;align-items:center;min-width:70px;height:32px;padding: 0.5rem 1rem;line-height: 2.2rem !important;font-size: 1.7rem;border-radius:2px;}
.sear_footer [class*='sear_']:hover:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.1);}
.sear_footer [class*='sear_']+[class*='sear_']{margin-left:3px;}
.sear_reset{color:#787878;border:1px solid #b7b7b7;background:#fff;}
.sear_submit{padding-right:13px !important;background:#343942;}
.sear_submit i{padding-left:22px;color:#fff;}
.sear_submit i:before{content:'';display:block;position:absolute;top:calc(50% - 6px);left:0;width:13px;height:13px;background:url(/static/common/images/icon_search.png) no-repeat 50%}

.w_form_word{padding-right:10px;}
.w_form_word input[type="text"]{flex:1;width:100%;}

/* Form size style */
[class*='form_s_']{display:flex;flex-wrap:wrap;position:relative;width:100%;}
[class*='form_s_']>div{display:flex;width:100%}
[class*='form_s_'] .form_split{display:flex;justify-content:center;align-items:center}
[class*='form_s_'] .btn{height:32px;margin:0 5px;padding:0 5px;font-size:1.4rem;border-radius:0}

.form_split{display:flex;align-items:center;padding:0 4px;font-size:1.3rem;text-align:center;vertical-align:middle}
.form_s_tel .form_split,.form_s_mail .form_split{padding-right:4px;padding-left:4px}

.form_s_tel input[type="text"],.form_s_tel select,
.form_s_mail input[type='text'],.form_s_mail select{width:calc(100%/3 - 10.1px);}

/** 전화번호 **/
.form_s_tel input[type="text"],.form_s_tel select{max-width:140px;}

/** 이메일 **/
.form_s_mail input[type='text'],.form_s_mail select{max-width:210px}

/** 달력 **/
.form_s_period > *{display:flex;position:relative;}
.form_s_period input[type='text']{width:140px}

/** 파일업로드 **/
.filebox{display:flex;flex-wrap:wrap;position:relative;width:100%;max-width:590px;}
.filebox input[type='text']{display:inline-block;width:calc(100% - 90px);background-color:rgba(0,0,0,0);}
.filebox input[type='file']{visibility:hidden;position:absolute;top:0;right:0;width:0;min-height:0;line-height:0;font-size:0}
.filebox label{width:80px;height:32px;margin-left:5px;line-height:33px;color:#666;font-size:1.4rem;text-align:center;border:1px solid #ccc;background-color:#f8f8f8;cursor:pointer}

.filebox.file_name input[type='text']{width:calc(100% - 10px);background:#f4f4f4;}

.filebox_wrap{width:100%;}
.filebox_wrap > div:first-child{margin-top:0;}

.filebox_multi{display:flex;width:100%;margin-top:10px;}
.filebox_multi button{position:relative;min-width:35px;margin-left:5px;border:1px solid #ccc;text-indent:-9999px;background:#f8f8f8;}
.filebox_multi .filebox+button{margin-left:0;}
.filebox_multi button:before,.filebox_multi button:after{content:'';display:block;position:absolute;top:calc(50% - 10px);left:50%;width:1px;height:19px;background:#9d9d9d;}
.filebox_multi button:before{transform:rotate(0)}
.filebox_multi button:after{transform:rotate(90deg)}

.filebox_multi button.file_del:before{transform:rotate(45deg)}
.filebox_multi button.file_del:after{transform:rotate(-45deg)}

.filebox_multi button:hover{border-color:#666;background:#666;}
.filebox_multi button:hover:before,.filebox_multi button:hover:after{background:#fff;}

/** 게시판 글정보 **/
.bd_info{position:relative;margin-bottom:10px;line-height:17px;color:#515151;}
.bd_info i{display:inline-block;padding:0 3px;color:#3864cc;}
.bd_info > span:first-child{font-size: 1.7rem;}
.bd_info > span:last-child{display:inline-block;position:relative;margin-left: 0.5rem;font-size: 1.6rem;}

/** board pagination **/
.bd_pagination .direction:before,.bd_pagination .direction.prev:before,.bd_pagination .direction.next:before,.wrap_footer .site_btn_more span{background-image:url(../images/common/bul_bd_page.png);background-repeat:no-repeat;background-position:0 0}
.bd_pagination{display:flex;flex-wrap:wrap;justify-content:center;margin:40px 0 25px;text-align:center}
.bd_pagination strong,.bd_pagination a{display:inline-block;min-width:32px;height:32px;margin:2px 1px;line-height:31px;letter-spacing:-1px;font-size:1.4rem;text-align:center;border:1px solid #dcdbdb;}
.bd_pagination a{color:#828282}
.bd_pagination a:hover,.bd_pagination a:active,.bd_pagination a:focus{text-decoration:underline;border-color:#b9b9b9;background:#f8f8f8;}
.bd_pagination strong{color:#111;font-weight:500;border-color:#787878;background:#fff}
.bd_pagination .direction{position:relative;font-size:0;text-indent:-9999px;vertical-align:top;}
.bd_pagination .direction:before{content:'';display:block;position:absolute;top:50%;left:50%;width:11px;height:14px;margin:-7px 0 0 -5px;background-position:0 0}
.bd_pagination .direction.prev:before,.bd_pagination .direction.next:before{background-position:-15px 0}
.bd_pagination .direction.next:before,.bd_pagination .direction.last:before{transform:rotate(180deg)}

/** 버튼영역 **/
.bd_btn_area{overflow:hidden;margin:35px 0;}
.bd_btn_area>div{float:left;}
.bd_btn_area>div:last-child{float:right;}

.btn_style{overflow:hidden;display:inline-block;position:relative;min-width:80px;margin:1px 0;padding:5px 10px;color:#787878;font-size:1.5rem;text-align:center;border:1px solid #9d9d9d;border-radius:2px;background:#fff;}
.btn_style i{position:relative;color:#787878;}
.btn_style.large{padding:0 60px;line-height:60px;font-size:1.6rem;}
.btn_style.small{min-width:50px;padding:0 20px;line-height:30px;font-size:1.4rem;font-weight:400;}
.btn_style.mini{min-width:40px;margin:1px 2px;padding:5px 10px;line-height:17px;font-size:1.3rem;}
.btn_style.rounded{border-radius:25px}
.btn_style+.btn_style{margin-left:2px;}

a.btn_style:hover,button.btn_style:hover{text-decoration:underline;}
    /** btn color **/
    .bg_blue{border-color:#2e7bd7 !important;background:#2e7bd7 !important;}
    .bg_blue_dark{border-color:#23419b !important;background:#23419b !important;}
    .bg_navy{border-color:#1f3042 !important;background:#1f3042 !important;}
    .bg_gray{border-color:#5b6176 !important;background:#5b6176 !important;}
    .bg_gray_dark{border-color:#2f343e !important;background:#2f343e !important;}
    .bg_gray_light{border-color:#f2f4f5 !important;background:#f2f4f5 !important;}
    .bg_gray_light i{color:#777 !important;}
    .bg_green{border-color:#209963 !important;background:#209963 !important;}
    .bg_orange{background:#f48945 !important;}
    .bg_skyblue{border-color:#00a4ba !important;background:#00a4ba !important;}

    .btn_style[class*="bg_"] i{color:#fff;}
    a.btn_style[class*="bg_"]:hover,button.btn_style[class*="bg_"]:hover{text-decoration:none;}
    a.btn_style[class*="bg_"]:hover:before,button.btn_style[class*="bg_"]:hover:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.1)}

    /** btn line color **/
    .btn_style[class*='bl_']{border-width:1px;border-style:solid;border-color:transparent;background:transparent !important;}
    a.btn_style[class*='bl_']:hover{text-decoration:underline;}

    .bl_blue{border-color:#2e7bd7 !important;}
    .bl_blue,.bl_blue i{color:#2e7bd7 !important;}
    .bl_blue_dark{border-color:#23419b !important;}
    .bl_blue_dark,.bl_blue_dark i{color:#23419b !important;}
    .bl_navy{border-color:#1f3042 !important;}
    .bl_navy,.bl_navy i{color:#1f3042 !important;}
    .bl_gray{border-color:#5b6176 !important;}
    .bl_gray,.bl_gray i{color:#5b6176 !important;}
    .bl_gray_dark{border-color:#2f343e !important}
    .bl_gray_dark,.bl_gray_dark i{color:#2f343e !important;}
    .bl_skyblue{border-color:#00a4ba !important}
    .bl_skyblue,.bl_skyblue i{color:#00a4ba !important;}

/** table **/
[class*="bd_tbl"]{display:table;table-layout:fixed;position:relative;min-width:100%;width:100%;margin-top:-1px;border-top:2px solid #000;border-bottom:1px solid #ccc;word-break:break-all}
[class*="bd_tbl"] * > tr > *{border-top:1px solid #e5e5e5}
[class*="bd_tbl"] * > tr:first-child > *{border-top-width:0}
[class*="bd_tbl"] * > tr > *[scope]{padding-top:15px;padding-bottom:15px;color:#323232;font-weight:500;background:#fafafa}
[class*="bd_tbl"] * > tr > *{height:40px;padding:10px;line-height:18px;letter-spacing:-0.03em;text-align:center;vertical-align:middle;border-right:1px solid #ccc;}
[class*="bd_tbl"] * > tr > *:last-child{border-right-width:0;}
[class*="bd_tbl"] thead > tr:last-child > *{border-bottom:1px solid #000;}
[class*="bd_tbl"] thead+tbody > tr:first-child{border-top-width:1px;}
[class*="bd_tbl"] tbody > tr > *[scope]{padding-right:15px;padding-left:15px;}
[class*="bd_tbl"] sup{line-height:2px;color:#f33527;}
[class*="bd_tbl"] .TxtL a:hover{text-decoration:underline;}
[class*="bd_tbl"] .btn{width:100%;max-width:70px;margin:-4px 1px;padding:0 10px;line-height:26px;font-size:13px;font-weight:300;letter-spacing:-1px;text-align:center;vertical-align:middle;}
[class*="bd_tbl"] .btn:active,[class*="bd_tbl"] .btn:visited,[class*="bd_tbl"] .btn:focus{color:#fff;}

/** 게시판 - row style **/
.bd_lst_row{margin-top:10px;border-top:2px solid #000;}
.bd_lst_row > li{display:flex;flex-wrap:wrap;border-bottom:1px solid #ddd;}
.bd_lst_row > li > em,.bd_lst_row > li > div{padding:15px;line-height:25px;}
.bd_lst_row > li > em{width:140px;color:#333;font-weight:500;border-right:1px solid #ddd;background:#fafafa;}
.bd_lst_row > li > div,.bd_lst_row > li > div > span{display:flex;align-items:center;}
.bd_lst_row > li > div{width:calc(100% - 140px);min-height:28px;}
.bd_lst_row > li > div > span{flex-wrap:wrap;}
.bd_lst_row > li > div input[type='checkbox']+label,.bd_lst_row > li > div input[type='radio']+label{margin:0 0 0 5px;}
.bd_lst_row > li > div input[type='checkbox']+label+input[type='text'],.bd_lst_row > li > div input[type='checkbox']+label+input[type='password']{margin-left:-15px;}
.bd_lst_row sup{line-height:3px;color:#ed152e;}
.bd_lst_row textarea{height:100%;}

.bd_lst_row .w_flex1{flex:1}
.bd_lst_row .w_flex1 > *{width:100%;}
.bd_lst_row [class*='w_sel'] > span{align-items:baseline;flex-wrap:nowrap;}
.bd_lst_row [class*='w_sel'] label+.size_num{margin:1px 5px 1px -20px}
.bd_lst_row [class*='w_sel'] label+.size_num input[type='text']{width:50px !important;margin-right:5px;}
.bd_lst_row [class*='w_sel'] label+.size_num+i{margin-right:30px;}

.bd_lst_row [class*='w_p'] > *:not([class*='btn']){width:100%;}
.bd_lst_row [class*='w_per'] *,.bd_lst_row [class*='w_px'] *{width:100%;}
.bd_lst_row [class*='w_per']{padding-right:15px;}
.bd_lst_row [class*='w_px']{margin-right:15px;}
.bd_lst_row [class*='w_px']:last-child{margin-right:0;}

.bd_lst_row > .view_cont,.bd_lst_row > .view_cont > div{width:100%;padding:15px;}
.bd_lst_row > .view_cont{padding-right:0;padding-left:0;}
.bd_lst_row > .view_cont > div{display:block;min-height:300px;border:1px solid #e7e7e7;}
.bd_lst_row > .view_cont > div.bg_disabled{background:#eee;}

.w_sear,.w_data{display:flex;flex-direction:row !important;}

.w_sear{width:100%;}
.w_sear *:not([class*='w_btn']){flex:1;width:calc(100% - 32px) !important;}
.w_sear .w_btn_sear{display:block;position:relative;width:32px !important;height:32px;line-height:0;font-size:0;text-indent:-9999px;}
.w_sear .w_btn_sear:before{content:'';display:block;position:absolute;top:0;left:calc(50% - 9px);width:18px;height:100%;background:url(../images/common/ic_search02.png) no-repeat 50% 50%;background-size:contain;}

.w_data{margin-right:15px;}
.w_data > *:not([class*='w_btn']){flex:1;width:100%;max-width:140px;margin-right:7px;}

.w_addr{flex-direction:column;align-items:flex-start;}
.w_addr div,.w_addr div input[type='text']{width:100%;}
.w_addr div{margin-top:0 !important;margin-bottom:0 !important;}
.w_addr div+div{margin-top:3px !important;}
.w_addr .w_zip{display:flex;align-items:center;}
.w_addr .w_zip input[type='text']{width:140px;margin-right:7px;}
.w_addr .w_zip .w_btn_submit{width:95px;}

.bd_lst_row .tui-datepicker-input{height:34px !important;}
.bd_lst_row .tui-datepicker-input > input{font-size:1.4rem !important;}
.bd_lst_row .tui-datepicker-input > .tui-ico-date{width:12px !important;}

[class*='w_btn']{display:flex;justify-content:center;align-items:center;min-height:32px;height:100%;padding:0 10px;color:#fff !important;background:#363636;}
[class*='w_btn'] i{text-align:center;}
[class*='w_btn']:hover{background:#484848;}
.w_btn_submit{font-size:14px !important;}

.tip_desc{display:block !important;position:relative;padding-left:13px;line-height:18px;font-size:14px;}
.tip_desc:before{content:'';display:block;position:absolute;top:8px;left:2px;width:4px;height:4px;background:#ccc;}

[class*='ic_']{display:table;width:20px;height:20px;line-height:0;font-size:0;text-indent:-9999px;vertical-align:middle;background-repeat:no-repeat;background-position:50%;}
.ic_file{margin:0 auto;background-image:url(../images/common/ic_file01.png);}
[class*='ic_down']{background-image:url(../images/common/ic_down01.png)}
.ic_down_txt{width:auto;max-width:100%;padding-left:30px;line-height:20px;font-size:1.6rem;text-indent:0;background-position:0 0;}
.ic_down_txt:hover{text-decoration:underline;}

/** 진행중인조사 : 기관별 **/
.wrap_tree_area{display:flex;align-items:flex-start;}
.wrap_tree{width:100%;max-width:240px;min-height:100px;margin-right:20px;padding:10px;border:1px solid #ccc;border-radius:8px;background:#f4f4f4;}
.wrap_cont_tbl{flex:1;width:100%;}

/** 회원가입 step **/
.wrap_join_step{overflow:hidden;}
.wrap_join_step ul,.wrap_join_step span{display:flex}
.wrap_join_step ul{overflow:hidden;flex-wrap:wrap;width:calc(100% + 50px);margin:-10px 0 0 -50px;}
.wrap_join_step li{float:left;min-width:240px;width:calc(100%/4 - 50.1px);position:relative;margin:10px 0 0 50px;}
.wrap_join_step li:before{content:'';display:block;position:absolute;top:30px;left:-25px;border:5px solid transparent;border-left-color:#a9a9a9}
.wrap_join_step li span{flex-direction:column;position:relative;padding:20px 10px 20px 95px;color:#333;font-size:18px;border:1px solid #ddd;border-radius:5px}
.wrap_join_step li span:before{content:'';display:block;position:absolute;top:15px;left:25px;width:50px;height:50px;background-repeat:no-repeat;background-position:50% 0;}
.wrap_join_step li span i{line-height:16px;color:#666;font-size:14px;font-weight:300;}
.wrap_join_step li .on{border-color:#224b9e;background:#224b9e;}
.wrap_join_step li .on,.wrap_join_step li .on i{color:#fff;}
.wrap_join_step .join_step01:before{background-image:url(../images/contents/ic_join_step01.png);}
.wrap_join_step .join_step02:before{background-image:url(../images/contents/ic_join_step02.png);}
.wrap_join_step .join_step03:before{background-image:url(../images/contents/ic_join_step03.png);}
.wrap_join_step .join_step04:before{background-image:url(../images/contents/ic_join_step04.png);}
.wrap_join_step .on[class*='join_step']:before{background-position-y:-50px;}

.wrap_join_step .box_type03{padding:25px 35px 15px;background:#f7f7f7;}
.wrap_join_step .box_type03 p{font-size:16px;}
.wrap_join_step .box_type03 > p+p{margin-top:5px;}
.wrap_join_step .box_type03 strong{font-size:17px;}
.wrap_join_step .box_type03 .box_type02{margin:20px 0 0 !important;background:#fff;}

/** 약관 style **/
.wrap_box_terms{margin-top:10px;border:1px solid #ddd;border-top-width:2px;border-top-color:#000;}
.wrap_box_terms .terms_tit{display:block;padding:10px 30px;color:#111;font-size:17px;font-weight:500;}
.wrap_box_terms > div,.wrap_box_terms > div [class*='bul_type'],.wrap_box_terms > div [class*='bul_type'] li,.wrap_box_terms [class*='box_type'],.wrap_box_terms [class*='box_type'] > p{color:#666;font-size:15px;;}
.wrap_box_terms > div{overflow:hidden;overflow-y:auto;max-height:350px;padding:20px 30px;border-top:1px solid #ddd;}
.wrap_box_terms.box_auto > div{overflow-y:hidden;max-height:inherit;}
.wrap_box_terms > div h5{margin:20px 0 5px;padding:10px;font-size:16px;font-weight:500;border:1px dotted #ccc;border-radius:3px;background:#f7f7f7;}
.wrap_box_terms > div h5:before{display:none;}
.wrap_box_terms > div h5:first-child{margin-top:0;}
.wrap_box_terms > div [class*='bul_type']{margin:5px 0;}
.wrap_box_terms > div [class*='bul_type'] li{margin:8px 0;line-height:20px;}
.wrap_box_terms > div [class*='bul_type'] li:before{top:11px;}
.wrap_box_terms > div .bul_type03 > li{margin:15px 0;}
.wrap_box_terms > div .bul_type05 li{padding-left:12px;}
.wrap_box_terms > div .bul_type05 li:before{top:0 !important;left:0;}
.wrap_box_terms [class*='box_type']{margin:5px 0;}
.wrap_box_terms [class*='box_type'],.wrap_box_terms [class*='box_type'] > p{line-height:21px;}
.wrap_box_terms [class*='lst_num'] li{font-size:1.5rem;}
.wrap_box_terms [class*='lst_num'] > li > span{width:20px;text-align:center;}

.agree_ck{margin-top:15px;}
.agree_ck label{margin-left:2px;}

/** 본인인증**/
.mem_identification,.mem_identification > div,.mem_identification > div div,.mem_identification > div .open_submit{display:flex;}
.mem_identification > div div [class*='mem_ic'] i:before,.mem_identification .open_submit i:before{transition:all .2s ease;}

.mem_identification{overflow:hidden;flex-wrap:wrap;margin:-20px 0 0 -20px;}
.mem_identification > div{float:left;flex-direction:column;justify-content:space-between;min-width:240px;width:calc(100%/3 - 20.1px);margin:20px 0 0 20px;padding:40px;border:1px solid #ddd;}
.mem_identification > div div{flex:1;flex-direction:column;align-items:center;height:calc(100% - 50px);}
.mem_identification em{display:block;min-width:150px;margin:0 auto 30px;text-align:center;}
.mem_identification em i{display:block;position:relative;padding-bottom:150px;font-size:20px;font-weight:500;}
.mem_identification em i:before{content:'';display:block;position:absolute;bottom:0;left:calc(50% - 65px);width:130px;height:130px;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;}
.mem_identification .mem_ic01 i:before{background-image:url(../images/common/mem_ic01.png);}
.mem_identification .mem_ic02 i:before{background-image:url(../images/common/mem_ic02.png);}
.mem_identification .mem_ic03 i:before{background-image:url(../images/common/mem_ic03.png);}

.mem_identification p,.mem_identification p i{text-align:center;}
.mem_identification p i{display:block;}
.mem_identification .open_submit{justify-content:center;width:100%;max-width:200px;margin:20px auto 0;padding:15px 20px;color:#fff;border-radius:3px;background:#23419b;}
.mem_identification .open_submit i{position:relative;padding-right:30px;}
.mem_identification .open_submit i:before{content:'';display:block;position:absolute;top:calc(50% - 5px);right:0;width:17px;height:11px;background:url(../images/common/bul_arr02.png) no-repeat 100% 50%;}
.mem_identification .open_submit:hover{background:#000;}
.mem_identification .open_submit:hover i:before{right:-10px;}

/** 회원탈퇴 **/
.sub_rank{display:flex;padding-left:5px;}
.sub_rank img{width:15px;height:15px;vertical-align:top;}
.sub_rank i{padding-left:10px;}

/** 이용안내메뉴 **/
.wrap_guide_box h5:before{display:none;}
.wrap_guide_box [class*='tit_']+[class*='tit_']{margin-top:10px;}
.wrap_guide_box ul.bul_type02{padding-left:0;}
.wrap_guide_box > [class*='bul_'] > li > ul[class*='bul_']{padding:15px;border-radius:3px;background:#f7f7f7;}
.wrap_guide_box > [class*='bul_'] > li > ul[class*='bul_'] [class*='bul_']{margin-top:12px;padding:12px;border:1px dotted #ccc;border-radius:3px;background:#fdfdfd;}

.wrap_guide_box a[title="새창"] i{display:inline-block;margin: 0 0.2rem;padding-right: 2.1rem;line-height: 1.7rem;color:#3b59d9;font-size: 1.4rem;background: url(../images/common/ic_blank02.png) center right / 1.3rem 1.3rem  no-repeat;}
.wrap_guide_box a[title="새창"]:hover i{text-decoration:underline;}
.wrap_guide_box .btn_go{display:inline-block;width:auto;margin: -0.2rem 0 -0.2rem 1rem;padding: 0 1.5rem;line-height: 2.6rem;color:#fff;font-size: 1.4rem;font-weight:300;border-radius: 0.3rem;background:#646464;}
.wrap_guide_box .btn_go i{position:relative;padding-right: 3rem;}
.wrap_guide_box .btn_go i:after{content:'';display:block;position:absolute;top: calc(50% - 0.5rem);right:0;width: 1.7rem;height: 1.1rem;transition:all .2s;background: url(../images/common/bul_arr02.png) center center / 1.7rem 1.1rem no-repeat;}
.wrap_guide_box .btn_go:hover i:after{right:-10px;}

.wrap_guide_box .tbl-basic * > tr > *{padding:13px 8px;}
.wrap_guide_box .tbl-basic tbody> tr > td{padding-top:5px;padding-bottom:5px;}

/** 이용안내 타이틀영역 **/
.guide_tit,.guide_tit div,.guide_tit .btn_move{display:flex;align-items: stretch;justify-content: flex-start;}
.guide_tit{justify-content:space-between;align-items:flex-end}
.guide_tit strong{font-size: 1.8rem;}
.guide_tit div{align-items: stretch;}
.guide_tit .btn_move{align-items: center;}
.guide_tit select{width: auto;font-size: 1.5rem;font-weight:300;border-right-width:0;letter-spacing: 0;flex: auto;}
.guide_tit .btn_move{width: auto;padding:0 10px;line-height: 3.2rem;color:#fff;font-weight:400;background:#646464;flex: none;font-size: 1.6rem;white-space: nowrap;}
.guide_tit .btn_move:hover{background:#333;}

/** wrap_guide_ul **/
.wrap_guide_ul{position:relative;margin:15px 0;border-top:2px solid #000;border-bottom:1px solid #ddd;}
.wrap_guide_ul li{display:flex;}
.wrap_guide_ul li+li{border-top:1px dotted #bbb;}
.wrap_guide_ul li *{padding: 1rem 1.5rem;line-height: 2.2rem;}
.wrap_guide_ul li span{width: 18rem;font-weight:500;background:#f5f5f5;}
.wrap_guide_ul li span+*{width: calc(100% - 18rem);}

/** 찾기폼(아이디/비밀번호) **/
.wrap_form,.wrap_data_num{max-width:520px;margin:0 auto}

.wrap_data_num,.wrap_data_num div,.wrap_data_num p,.wrap_data_num em{display:flex;align-items:center}
.wrap_data_num{justify-content:space-between;flex-wrap:wrap;margin-top:10px;padding:8px 15px;border:1px solid #d8dde0;border-radius:5px;background:#f5f5f5;}
.wrap_data_num div{width:295px;}
.wrap_data_num div em{width:60px;margin-right:20px;}
.wrap_data_num div p{width:calc(100% - 60px);}
.wrap_data_num div input[type='text']{width:calc(100% - 58px);margin-right:3px;}
.wrap_data_num div .btn_style{min-width:inherit;width:55px;height:32px;padding-top:0;padding-bottom:0;line-height:31px;font-size:14px;font-weight:400;}
.wrap_data_num .info_txt{min-width:135px;color:#000;font-size:16px;}
.wrap_data_num .info_txt i{color:#f50000;font-weight:500;}

/** 팝업 관심지역목록 **/
.wrap_area{overflow:hidden;overflow-y:auto;max-height:650px;padding-right:10px;}
.area_lst{border:0 solid #000;border-width:1px 0}
.area_lst.line_double{margin-top:10px;border-top-width:2px;}
.area_tit,.area_tit div:first-of-type{display:flex;}
.area_tit{justify-content:space-between;padding:15px;border-bottom:1px solid #000;background:#fafafa;}
.area_tit div:first-of-type span{width:195px;}
.area_tit div:first-of-type p{flex:1;padding-top:2px;}
.area_tit .wrap_sub{width:calc(100%/5 - 25px);margin-left:15px;}

.area_lst > ul{overflow:hidden;display:flex;flex-wrap:wrap;position:relative;}
.area_lst > ul:before{content:'';display:block;position:absolute;top:0;right:0;width:1px;height:100%;background:#fff;}
.area_lst > ul > li{float:left;width:calc(100%/5 + 1px);margin:-1px 0 0 -1px;padding:5px;border:1px solid #ddd;}
.area_lst ul li{display:flex;flex-direction:column;}
.area_lst ul li span{margin-bottom:5px;}
.area_lst ul li p{padding-left:24px;color:#555;font-size:14px;font-weight:300;}
.area_lst ul ul{margin-top:10px;}

.area_lst input[type="radio"] + label,.area_lst input[type="checkbox"] + label{padding-right:0;padding-left:10px;}
.area_lst label i{color:#222;font-weight:600;}

.branch_office{background:#dae8f2;}
.branch_office li{padding:10px;}
.branch_office li+li{border-top:1px solid #bad3e6;}

/** 공통 팝업 표시건수 **/
.tbl_int {width: 55px;}

.messageWrite_scroll{overflow:hidden;overflow-y:auto;height:509px;max-height:509px}


/** 1220px 시작 **/
@media screen and (max-width:1220px){
    /** 회원가입 step **/
    .wrap_join_step li{width:calc(100%/3 - 50.1px);}
}
/** 1220px 끝 **/

/** 1090px 시작 **/
@media screen and (max-width:1090px){
    .wrap_tree_area{flex-direction:column}
    .wrap_tree{margin-right:0;margin-bottom:20px;}

    /** 팝업 관심지역목록 **/
    .area_tit .wrap_sub{width:calc(100%/4 - 25.1px);}
    .area_lst > ul > li{float:left;width:calc(100%/4 + 1px);}
}
/** 1090px 끝 **/

/** 1004px 시작 **/
@media screen and (max-width:1004px){
    /** 회원가입 step **/
    .wrap_join_step li{width:calc(100%/2 - 50.1px);}

    /** 본인인증 **/
    .mem_identification > div{padding:30px 20px;}
    
    .mem_identification em{margin:0 0 15px;}
    .mem_identification em i{padding-bottom:90px;}
    .mem_identification em i:before{left:calc(50% - 40px);width:80px;height:80px;}

}
/** 1004px 끝 **/

/** 812px 시작 **/
@media screen and (max-width:812px){
    /** 검색조건 **/
    .wrap_search,.sear_cont{flex:auto;flex-direction:column;}
    .wrap_search{padding:20px;}
    .sear_cont > div >*:not(.sear_tit),.sear_cont > div >*:not(.sear_tit) > *,.sear_cont > div .tui-datepicker-group > div{flex:1;width:100%;min-width:inherit;font-size: 1.6rem;}
    .sear_category,.sear_category[class*='w_']{width:calc(100% - 20px) !important;}
    .sear_category.consonant > div > *{flex:1;min-width:30px;width:auto;padding:0 5px;}

    .sear_cont > div .tui-datepicker-group{flex:auto;width:100%;margin-top:2px;margin-left:0;}

    .sear_footer,.sear_footer [class*='sear_']{min-width:inherit;width:100%;}
    .sear_footer{flex-wrap:wrap;margin-top: 1rem;}
    .sear_footer [class*='sear_']{height:34px;}
    .sear_footer [class*='sear_']+[class*='sear_']{margin: 0.3rem 0 0;}

    .w_form_word{padding-right:0;}
    .w_form_word > *:not(input){max-width:30%}

    /** 게시판 목록 : table **/
    [class*="bd_tbl"] > * > tr > *{min-height:40px;height:auto;line-height:21px;border-top-width:0;}

    [class*="bd_tbl"]{border-bottom-width:0;}
    [class*="bd_tbl"]:before{top:-2px;}
    [class*="bd_tbl"] tbody,[class*="bd_tbl"] tr,[class*="bd_tbl"] td{display:block;position:relative;width:100%;}
    [class*="bd_tbl"] col{display:none;}
    [class*="bd_tbl"] [data-cell-header]{overflow:hidden;display:flex;align-items:center;padding:7px 10px}
    [class*="bd_tbl"] [data-cell-header]:before,[class*="bd_tbl"] [data-cell-header]:after{display:block;left:0;min-width:90px;width:10%;}
    [class*="bd_tbl"] [data-cell-header]:before{content:attr(data-cell-header);top:0;height:calc(100% + 20px);margin:-10px 15px 0 -10px;padding:10px 10px 0;text-align:left;color:#333;font-weight:500;z-index:2;}
    [class*="bd_tbl"] [data-cell-header]:after{content:'';position:absolute;bottom:0;height:100%;border-right:1px solid #dcdcdc;background:#fafafa;z-index:1;}
    [class*="bd_tbl"] [data-cell-header]:before,[class*="bd_tbl"] td{font-size:14px;}
    [class*="bd_tbl"] thead{display:none;}
    [class*="bd_tbl"] tbody tr:not(first-child){border-bottom:1px solid #ccc;}
    [class*="bd_tbl"] td{min-height:39px;padding:10px 10px 10px 140px;text-align:left;border-right-width:0 !important;border-bottom:1px dotted #ccc;}
    [class*="bd_tbl"] td:last-child{border-bottom-width:0;}
    [class*="bd_tbl"] td[colspan]{justify-content:center;align-items:center;}
    [class*="bd_tbl"] td[colspan]:before,[class*="bd_tbl"] td[colspan]:after{display:none;}
    
    .ic_file{margin:0}  

    /** 진행중인조사 : 기관별 **/
    .wrap_tree{max-width:inherit}

    /** 본인인증 **/
    .mem_identification > div{width:calc(100%/2 - 20.1px);}

    /** 팝업 관심지역목록 **/
    .area_tit .wrap_sub{width:calc(100%/3 - 25.1px);}
    .area_lst > ul > li{float:left;width:calc(100%/3 + 1px);}
}
/** 812px 끝 **/

/** 640px 시작 **/
@media screen and (max-width:640px){
    /** popup **/
    .Popup_window.open > .body .shuttle-area{flex-direction:column;}
    .Popup_window.open > .body .shuttle-area .shuttle-box{width:100%;margin-right:0;}
    .Popup_window.open > .body .shuttle-area .shuttle-box:last-of-type{margin-top:20px;}
    .Popup_window.open > .body .shuttle-area .Tab01{overflow:hidden;flex-wrap:wrap;padding:5px 3px;border:1px dashed #ddd;border-radius:3px;background:#f4f4f4;}
    .Popup_window.open > .body .shuttle-area .Tab01 li{margin:2px 0 0 2px;}
    .Popup_window.open > .body .shuttle-area .Tab01 li a{padding:0 15px;border-bottom-color:#b1b1b1;border-radius:3px}

    /** 파일업로드 **/
    .filebox input[type='text']{width:100%;padding-right:50px;}
    .filebox label{position:absolute;right:0;width:40px;text-indent:-9999px;border-width:0;background:url(../images/common/ic_search01.png) no-repeat 50% 50%;}

    .filebox_multi .filebox{width:calc(100% - 43px) !important;margin-right:10px;}

    /** board pagination **/
    .bd_pagination{margin-top:25px;}
    .bd_pagination strong,.bd_pagination a{min-width:30px;height:30px;margin:3px;line-height:28px;font-size:1.3rem;}

    /** 게시판 - row style **/
    .bd_lst_row > li > div{flex-direction:column;justify-content:center;align-items:flex-start}
    .bd_lst_row > li > [class*='w_sel'] > span{flex-wrap:wrap}
    .bd_lst_row > li > div input[type='checkbox']+label+input[type='text']{margin-left:0;}
    .bd_lst_row > li > div > div{margin-bottom:5px;}
    .bd_lst_row > li > div > div:last-child{margin-bottom:0;}
    .bd_lst_row > li > div .w_flex1{flex:auto}
    .bd_lst_row > li > div [class*='w_p']{width:100% !important;margin-right:0;}
    .bd_lst_row > li > [class*='w_p']{width:calc(100% - 140px) !important;}

    .w_data{width:100%;margin-right:0;}
    .w_data > *:not([class*='w_btn']){max-width:inherit}

    .tip_desc{margin-top:5px;}

    /** 회원가입 step **/
    .wrap_join_step li{min-width:inherit;width:calc(100% - 50.1px);}
    
    /** 본인인증 **/
    .mem_identification{margin-left:0;}
    .mem_identification > div{min-width:inherit;width:100%;margin-left:0;}

    .mem_identification em{min-width:inherit;width:100%;}
    .mem_identification em i{padding-bottom:150px;}
    .mem_identification em i:before{left:50%;width:100%;max-width:130px;height:130px;transform:translateX(-50%)}

    .mem_identification .open_submit{max-width:inherit;}

    /** 이용안내 타이틀영역 **/
    .guide_tit{flex-wrap:wrap;}
    .guide_tit div{width:100%;margin-top:5px;}    
    

    /** 팝업 관심지역목록 **/
    .area_tit,.area_tit div:first-of-type{flex-wrap:wrap;}
    .area_tit div:first-of-type{width:100%;}
    .area_tit div:first-of-type span{width:100%;}
    .area_tit div:first-of-type p{padding-left:25px;}
    .area_tit .wrap_sub{width:100%;margin:10px 0 0;}
    .area_lst > ul > li{width:calc(100%/2 + 1px);}
}
/** 640px 끝 **/

/** 540px 시작 **/
@media screen and (max-width:540px){
    /** 검색조건 **/
    .sear_category label{font-size:14px !important;}    

    /* Form size style */
    [class*='form_s_'] .form_split{display:none;}
    [class*='form_s_'] .form_split+*{margin-top:2px;}

    /** 파일업로드 **/
    .filebox label{background-position-x:97%;}

    /** 검색조건 **/
    .w_form_word > *:not(input){max-width:40%}

    /** 게시판 목록 : table **/
    /* [class*="bd_tbl"] [data-cell-header]{flex-direction:column;align-items:flex-start;}
    [class*="bd_tbl"] [data-cell-header]:before{position:relative;width:calc(100% + 40px);height:36px;line-height:16px;margin:-7px 10px 7px -10px;padding-left:10px;border-bottom:1px dotted #ccc;background:#fafafa;}
    [class*="bd_tbl"] [data-cell-header]:after{display:none;}
    [class*="bd_tbl"] .btn{margin:0;}
    [class*="bd_tbl"] .btn+.btn{margin-top:2px;} */
    [class*="bd_tbl"] td:last-child{border-bottom:1px solid #000;}

    /** 게시판 - row style **/
    .bd_lst_row > li{flex-wrap:wrap}
    .bd_lst_row > li > em,.bd_lst_row > li div,.bd_lst_row > li div *{width:100% !important;max-width:inherit !important;}
    .bd_lst_row > li input[type='checkbox'],.bd_lst_row > li input[type='radio']{width:auto !important;}
    .bd_lst_row > li input[type='checkbox']+label,.bd_lst_row > li input[type='radio']+label{width:calc(100% - 20px) !important;padding-right:0;}
    .bd_lst_row > li > em{padding:7px 10px;line-height:22px;border-right-width:0;border-bottom:1px dotted #ccc;;}
    .bd_lst_row > li > em br{display:none;}
    .bd_lst_row > li > div{min-height:32px;padding:10px;line-height:22px;font-size:15px;}
    .bd_lst_row > li > [class*='w_']{padding-right:0;padding-left:0;}
    .bd_lst_row li .w_flex1{flex:auto}
    .bd_lst_row li > [class*='w_px']{width:100% !important;}
    .bd_lst_row li > div > [class*='w_px'],.bd_lst_row li [class*='w_px']+[class*='tip_']{width:calc(100% + 20px) !important;margin-right:0;margin-left:-10px;}
    .bd_lst_row li > div [class*='w_btn']{min-width:32px !important;width:auto !important}
    
    .bd_lst_row .tui-datepicker-group{flex-wrap:wrap}
    .bd_lst_row .tui-datepicker-group > span{display:none;}
    .bd_lst_row .tui-datepicker-group > span+*{margin-top:2px;}
    .bd_lst_row .tui-datepicker-input{min-width:inherit !important}

    .bd_lst_row .w_addr .w_zip{width:230px !important;}
    .bd_lst_row .w_addr .w_zip input[type='text']{width:calc(100% - 103px) !important;}
    .bd_lst_row .w_addr .w_zip .w_btn_submit{width:95px !important;text-align:center;}

    .bd_lst_row > li .filebox_multi button{width:35px !important;}
    
    .w_data{width:100%;margin-right:0;}
    .w_data > *:not([class*='w_btn']){max-width:inherit}

    .w_btn_submit{width:auto !important;}

    /** 찾기폼(아이디/비밀번호) **/
    .wrap_data_num div,.wrap_data_num .info_txt{width:100%;}
    .wrap_data_num .info_txt{justify-content:flex-end;margin-top:5px;}

}
/** 540px 끝 **/

/** 480px 시작 **/
@media screen and (max-width:480px){
    /** 로그인 **/
    #loginPop{width:calc(100% - 40px);}
    #loginPop .PopupInner{padding:15px}
    #loginPop .Popup_md{width:100%}
    #loginPop .Popupbottom{flex-wrap:wrap;flex-direction:column;align-items:flex-start}
    #loginPop .Popupbottom .PB_bt_box{float:none !important;/* flex-direction:column; */width:100%;margin-top:10px;padding-top:10px;border-top:1px dashed #ddd;}
    #loginPop .Popupbottom .PB_bt_box li{line-height:24px;}
    #loginPop .Popupbottom .PB_bt_box li:after{top:12px;left:4px;width:4px;height:4px;}
    #loginPop .Popupbottom .PB_bt_box li:first-child:after{display:block;}
    #loginPop .Popupbottom a{line-height:22px;font-size:14px}
    
    #loginPop .inputs{flex-direction:column;margin:5px 0}
    #loginPop .inputs .left input{width:100%;font-size:13px}
    #loginPop .inputs .left > *+*{margin-top:2px !important;}
    #loginPop .inputs button{width:100%;height:35px;margin:3px 0 0;line-height:35px;font-size:15px}   

    /* 디지털 원패스 & GPKI 로그인 : 202308 추가 */
    .PopupWrap .loginType{flex-direction:column;align-items: flex-start;justify-content: flex-start;margin-top: 15px;}
    .PopupWrap .loginType > *{width:100%;margin-left: 0;margin-top: 5px;padding: 10px 0;min-height: 35px;min-width: inherit;}
    .PopupWrap .loginType > *:first-child{margin-top:0;}
        /* ^ type */
        .PopupWrap .onePassLogin:before{width:20px; height:17px; }

    /** 버튼영역 **/
    .bd_btn_area{margin:20px 0;}
    .bd_btn_area>div{float:none !important}

    .btn_style{width:100%;margin:2px 0 !important;font-size:14px !important;}
    .btn_style.rounded{border-radius:0}
    .btn_style.large{padding:15px 20px;line-height:22px;font-size:17px !important;}

    /** 검색조건 **/
    .wrap_search{padding: 1.5rem;}
    .sear_cont,.sear_category,.sear_category > *{margin-left:0 !important;}
    .sear_cont,.sear_category{width:100% !important;}
    .sear_cont > div >*:not(.sear_tit),.sear_cont > div >*:not(.sear_tit) > *,.sear_cont > div .tui-datepicker-group > div{flex:auto;}
    .sear_category{flex-direction:column;}
    .sear_category,.sear_category[class*='w_'],.sear_category > *{width:100% !important;}
    .sear_category > *{flex:auto;}
    .sear_category .sear_tit{margin-bottom: 0.5rem;font-size:1.45rem;}

    .sear_category.consonant > .sear_tit{width:100% !important;}
    .sear_category.consonant > div{width:calc(100% + 5px);margin-left:-5px;}
    .sear_category.consonant > div > *{min-width:40px;width:calc(100%/8 - 5.1px);text-align:center;}

    .sear_cont > div .tui-datepicker-group{flex-direction:column;}
    .sear_cont > div .tui-datepicker-group > div{width:100% !important;}
    .sear_cont > div .tui-datepicker-group > div:last-of-type{margin-top:2px;}
    .sear_cont > div .tui-datepicker-group > span{display:none;}

    .w_form_word > *:not(input){width:100%;max-width:inherit}
    .w_form_word > input[type='text']{flex:auto;margin-top: 0.2rem;margin-left:0;}

    /** 게시판 - row style **/
    .bd_lst_row .w_addr .w_zip{width:100% !important;}

    /** 팝업 관심지역목록 **/
    .area_lst > ul > li{float:none;width:100%;margin-left:0;border-left-width:0}
}
/** 480px 끝 **/

/** 375px 시작 **/
@media screen and (max-width:375px){
    /** 찾기폼(아이디/비밀번호) **/
    .wrap_data_num div{flex-direction:column;align-items:flex-start}
    .wrap_data_num div > *{width:100% !important;margin:0 !important;}
}
/** 375px 끝 **/


/* 회원유형선택 CSS : 2024-05-24 ~ 05-27 */
.mem_type_layout {display: flex; flex-wrap: wrap; }
.mem_type_layout div.mem_type_box:last-child {margin-left:40px;}
.mem_type_box {position:relative; width:calc((100% - 40px) / 2);}
.mem_type_box i {font-size:2rem; font-weight: 600;}
.mem_type_box .button {cursor:pointer; display:inline-flex; width:100%; border:1px solid #ccc; border-radius:8px; background: #f7f7f7; padding:30px 50px; margin-top:24px;}
.mem_type_box .button.on {background-color:#224b9e; border:0; color:#fff;}
.mem_type_box .button.on span {color:#fff;}
.mem_type_box .button span {color:#000000;}

.mem_type_box .icon {display:block; width:142px; height:126px; font-size:0;}
.mem_type_box .text {display:inline-block; width:calc( 100% - 192px); margin:1rem 2.5rem; text-align:left; font-size:2rem; font-weight: 300; letter-spacing:0;} 
.mem_type_box span.bold {font-size:2.5rem; text-decoration: underline; text-underline-offset: 5px; font-weight: 600;}
.mem_type_box span.small {display:block; margin-top:5px; font-size:1.5rem; color:#666666; font-weight: 300; letter-spacing: -0.05em;}
.mem_type_box .mem_type01  {background:url(../images/common/mem_type01.png) no-repeat 0 0;}
.mem_type_box .mem_type02 {background:url(../images/common/mem_type02.png) no-repeat 0 0;}
.mem_type_box .on .mem_type01 {background:url(../images/common/mem_type01_on.png) no-repeat 0 0;}
.mem_type_box .on .mem_type02 {background:url(../images/common/mem_type02_on.png) no-repeat 0 0;}