html, body{height:100%;}
#wrap{display:flex;flex-direction:column;min-height:100%;}
.inner{width:150rem;margin:0 auto;}

/* 레이아웃 */
.dp_flex{display:flex !important;}
.dp_inflex{display:inline-flex !important;}
.ai_start{align-items:flex-start !important;}
.ai_center{align-items:center !important;}
.ai_end{align-items:flex-end !important;}
.jc_start{justify-content:flex-start !important;}
.jc_center{justify-content:center !important;}
.jc_end{justify-content:flex-end !important;}
.jc_between{justify-content:space-between !important;}
.fd_column{flex-direction:column;}
.flex1{flex:1;}
.flex2{flex:2;}
.flex3{flex:3;}

/* ico */
i.icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;}
i.icon::before{content:'';display:block;background-image:url(/html/images/sinmungo/common/sp_layout.png);background-repeat:no-repeat;background-size:72rem;}
.icon.ico_home::before{width:1.7rem;height:1.6rem;background-position:-1.9rem -2.9rem;}
.icon.ico_logout::before{width: 1.4rem;height: 1.7rem;background-position: -55.5rem -7.1rem;}
.icon.ico_close::before{width:2.4rem;height:2.4rem;background-position:-5.8rem -2.5rem;}
.icon.ico_sitemap::before{width:3.1rem;height:2.1rem;background-position:-10.5rem -2.7rem;}
.icon.ico_shortcut::before{width:1.3rem;height:1.3rem;background-position:-16.1rem -3rem;}
.icon.ico_report::before{width: 1.3rem;height: 1.3rem;background-position: -58.9rem -7.5rem;}
.icon.ico_lamp::before{width:2.6rem;height:3.8rem;background-position:-19.6rem -1.8rem;}
.icon.ico_computer::before{width:3.6rem;height:3.6rem;background-position:-24.1rem -1.9rem;}
.icon.ico_prev::before{width:.8rem;height:1.2rem;background-position:-29.7rem -3.1rem;}
.icon.ico_next::before{width:.8rem;height:1.2rem;background-position:-32.4rem -3.1rem;}
.icon.ico_top::before{width:1.2rem;height:1.9rem;background-position:-35.1rem -2.8rem;}
.icon.ico_chk_white::before{width:1.3rem;height:.9rem;background-position:-38.2rem -3.3rem;}
.icon.ico_chk_blue::before{width:1.3rem;height:.9rem;background-position:-41.4rem -3.3rem;}
.icon.ico_clip::before{width:1.9rem;height:1.9rem;background-position:-44.7rem -2.8rem;}
.icon.ico_close_sm::before{width:1.3rem;height:1.3rem;background-position:-48.7rem -3.1rem;}
.icon.ico_upload{width:4rem;height:4rem;border-radius:50rem;background-color:#9c9c9c;cursor: pointer;}
.icon.ico_upload::before{width:2rem;height:1.7rem;background-position:-52rem -2.9rem;}
.icon.ico_info{width:2.3rem;height:2.3rem;border-radius:50rem;background-color:#e0e0e0;}
.icon.ico_info::before{width:.3rem;height:1.3rem;background-position:-56.2rem -3.1rem;}
.icon.ico_info_blue{width:2.3rem;height:2.3rem;border-radius:50rem;background-color:#cbd0fa;}
.icon.ico_info_blue::before{width:.4rem;height:1.3rem;background-position:-58.8rem -3.1rem;}
.icon.ico_arrow_bot::before{width:1.3rem;height:.7rem;background-position:-61.4rem -3.4rem;}
.icon.ico_arrow_right::before{width:1rem;height:1.5rem;background-position:-42.3rem -7.3rem;}
.icon.ico_download::before{width:2.3rem;height:1.9rem;background-position:-64.7rem -2.8rem;}
.icon.ico_2d_folder::before{width:8.2rem;height:8.1rem;background-position:-1.9rem -7.1rem;}
.icon.ico_2d_document::before{width:9.1rem;height:10.9rem;background-position:-11.3rem -7.3rem;}
.icon.ico_2d_window::before{width:8.1rem;height:9rem;background-position:-21.8rem -7rem;}
.icon.ico_2d_shield::before{width:7.4rem;height:8.8rem;background-position:-31.9rem -7.4rem;}
.icon.ico_3d_document::before{width:11.1rem;height:12.2rem;background-position:-2rem -20.2rem;margin-left:-2rem;}
.icon.ico_3d_folder::before{width:9.4rem;height:10.4rem;background-position:-15.1rem -20.2rem;}
.icon.ico_3d_lock::before{width:7.3rem;height:10.3rem;background-position:-26.5rem -20.2rem;}
.ico_box{display:flex;align-items:center;justify-content:center;width:21.5rem;height:21.5rem;;border-radius:50rem;background-color:#f3f6fb;}

/* font */
.h4{font-size:3rem;font-weight:700;}
.h5{font-size:2rem;}
.h6{font-size:1.8rem;}
.fw500{font-weight:500;}
.tx_blue{color:#1652e9;}
.tx_red{color:#ff0c04;}
.tx_gray50{color:#555 !important;}
.tx_black{color:#000 !important;}
.bg_base{color:#fff;background-color:#3a3a3a;}
.bg_blue{color:#fff;background-color:#1652e9;}
.line_blue{color:#1652e9;border:.1rem solid #1652e9;}

/* input */
input[type="checkbox"], input[type="radio"]{position:absolute !important;width:.1rem !important;height:.1rem !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important;}
.label_base{font-size:1.8rem;font-weight:700;}
.input_base{position:relative;display:inline-flex;width:100%;height:6rem;border:.1rem solid rgba(0,0,0,.12);border-radius:1rem;vertical-align:middle;padding:0 3rem;}
.textarea{width:100%;height:28rem;border:.1rem solid rgba(0,0,0,.12);border-radius:1rem;padding:2rem 3rem;}

.chk_base{position:relative;display:inline-flex;align-items:center;}
.chk_base input + label{position:relative;font-size:1.8rem;padding-left:4.2rem;}
.chk_base input + label::before{position:absolute;top:0;left:0;content:'';display:block;width:2.8rem;height:2.8rem;border:.2rem solid #d9d9d9;border-radius:.8rem;background-color:#fff;}
.chk_base input:checked + label::before{border-color:#013fda;background:#f2f7ff url(/html/images/sinmungo/common/sp_layout.png) no-repeat -40.8rem -2.6rem;}
.chk_base input:disabled + label{color:#888;}
.chk_base input:disabled:checked + label{color:#000;}
.chk_list{display:flex;flex-direction:column;gap:1.2rem 0;}
.chk_list .chk_base{min-height:5.4rem;}

.radio_base{position:relative;display:inline-flex;align-items:center;}
.radio_base input + label{position:relative;font-size:1.8rem;padding-left:4.2rem;}
.radio_base input + label::before{position:absolute;top:0;left:0;content:'';display:block;width:2.8rem;height:2.8rem;border-radius:50rem;background:#d9d9d9 url(/html/images/sinmungo/common/sp_layout.png) no-repeat -37.5rem -2.3rem;}
.radio_base input:checked + label::before{background-color:#013fda;}

.radio_btn{position:relative;display:inline-flex;}
.radio_btn input + label{color:#737373;border:.2rem solid #e3e3e3;border-radius:50rem;padding:1.2rem 2.7rem;}
.radio_btn input:checked + label{font-weight:700;color:#013fda;border-color:#1652e9;background-color:#fff;}
.radio_btn.tp2{width:100%;height:8rem;}
.radio_btn.tp2 input + label{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:1.8rem;text-align:center;word-break:keep-all;border-width:.3rem;border-radius:1.5rem;background-color:#fbfbfb;}

.radio_box input + label{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem 0;width:100%;min-height:22rem;text-align:center;word-break:keep-all;border-radius:2.5rem;border:.1rem solid transparent;background-color:#f5f5f7;padding:2rem 4rem;}
.radio_box input + label b{font-size:1.9rem;font-weight:700;}
.radio_box input + label::before{position:absolute;top:1.8rem;left:2.2rem;content:'';display:block;width:2.8rem;height:2.8rem;border-radius:50rem;background:#d9d9d9 url(/html/images/sinmungo/common/sp_layout.png) no-repeat -37.5rem -2.3rem;}
.radio_box input:checked + label{border-color:#013fda;background-color:#f8f9fe !important;}
.radio_box input:checked + label::before{background-color:#013fda;}
.radio_box.tp2 input + label{height:8rem;min-height:auto;border-radius:2rem;background-color:#fff;padding:0;}
.radio_box.tp2 input + label::before{top:2.4rem;}

.radio_list{display:inline-flex;flex-wrap:wrap;gap:1rem;}
.radio_list.col2{gap:3rem 6rem;width:100%;}
.radio_list.col2 > li{width:calc(50% - 3rem);}
.radio_list.col3{gap:3rem;width:100%;}
.radio_list.col3 > li{width:calc(33.33% - 2rem);}
.radio_list.col4{gap:2.8rem;width:100%;}
.radio_list.col4 > li{width:calc(25% - 2.1rem);}
.check_area{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.2rem;font-size:1.8rem;border-radius:1.5rem;;background-color:#f9f9f9;padding:2.2rem 2.5rem;}
.check_area .radio_list{gap:1rem 4rem;}

.select_box{position:relative;width:100%;}
.select_box > a{position:relative;display:block;width:100%;height:6rem;line-height:5.8rem;border:.1rem solid rgba(0,0,0,.12);border-radius:1rem;background-color:#fff;padding:0 4rem 0 2rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.select_box > a::after{position:absolute;top:50%;right:2rem;transform:translateY(-50%);content:'';display:block;width:1.3rem;height:.7rem;background:url(/html/images/sinmungo/common/sp_layout.png) no-repeat -61.4rem -3.4rem;}
.select_box > ul{display:none;position:absolute;top:calc(100% + 2rem);left:0;width:100%;height:37.6rem;border-radius:3rem;background-color:#fff;box-shadow:0 0 1.5rem rgba(0,0,0,.08);padding:2rem 3rem;overflow:hidden;overflow-y:auto;z-index:10;}
.select_box > ul li a{display:flex;border-radius:1rem;background-color:#fff;word-break:break-word;padding:1.6rem 1.8rem;}
.select_box > ul li a:hover, .select_box > ul li a:focus, .select_box > ul li.on a{background-color:rgba(0,0,0,.05);}
.select_box.on > ul{display:block !important;}

.file_base{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;width:100%;height:24rem;text-align:center;word-break:keep-all;border-radius:1rem;background-color:#f7f7f7;padding:2rem;margin-top:2rem;cursor: pointer;}
.file_base span b{display:block;text-align:center;}

.input_flex{display:flex;align-items:center;gap:1.2rem;}
.input_flex .chk_base{flex-shrink:0;}
.input_flex.phone .input_base{max-width:19.3rem;text-align:center;padding:0;}/* phone */
.input_flex.email{flex-wrap:wrap;width:100%;}/* email */
.input_flex.email .input_base{max-width:33.5rem;}
.input_flex.email .input_label{display:flex;align-items:center;gap:1.2rem;}
.input_flex.email .input_select{flex:1;display:flex;gap:1.2rem;}
.input_flex.email .input_select .select_box{max-width:33.5rem;}

/* gnb */
.gnb_mob{display:none;}
.gnb_web{display: inline-flex;width: 90%;justify-content: center;}
.gnb_web.login{width: 80%;}
.gnb_web .gnb{display:flex;align-items:center;height:100%;justify-content: space-between;}
.gnb_web .gnb > li > span{font-size:1.8rem;font-weight:600;padding:0 3.2rem;transform:padding .2s;cursor: default;}

/* header */
#header{height:11.2rem;}
#header .inner{position:relative;display:flex;align-items:center;height:100%;}
#header .gnb_btn{position:absolute;top:50%;right:0;transform: translateY(-50%);display: inline-flex;gap: 1rem;}
#header .btn_home{display:inline-flex;align-items:center;justify-content:center;gap:0 .6rem;font-size:1.5rem;font-weight:500;color:#fff;border-radius:50rem;background-color: #666;padding:1.5rem 3rem;}
#header .btn_logout{display:inline-flex;align-items:center;justify-content:center;gap:0 .6rem;font-size:1.5rem;font-weight:500;color:#fff;border-radius:50rem;background-color:#3f3f3f;padding:1.5rem 3rem;}

/* footer */
#footer{background-color:#171717;padding:7.5rem 0;}
#footer .inner{display:flex;align-items:center;justify-content:space-between;gap:4rem;}
#footer .info{color:#fff;word-break:keep-all;}
#footer .info li + li{margin-top:.8rem;}
#footer .ft_btn{display:inline-flex;} 
#footer .ft_btn .btn_top{/* flex-shrink:0; */display: inline-flex;align-items:center;justify-content:center;gap:.5rem 1rem;width:7rem;height:8.6rem;font-weight:700;color:#fff;border-radius:2rem;background-color:rgba(255,255,255,.06);flex-direction: column;}
#footer .ft_btn .btn_home_mob{/* flex-shrink:0; */display:none;flex-direction:column;align-items:center;justify-content:center;gap:.5rem 1rem;width:7rem;height:8.6rem;font-weight: 600;color:#fff;border-radius:2rem;background-color: rgb(255 255 255 / 26%);}
#footer .ft_btn .btn_logout_mob{/* flex-shrink:0; */display:none;flex-direction:column;align-items:center;justify-content:center;gap:.5rem 1rem;width:7rem;height:8.6rem;font-weight: 600;color:#fff;border-radius:2rem;background-color: rgb(255 255 255 / 26%);}

@media screen and (max-width:1560px) {
  .inner{width:100%;padding: 0 3rem;}
  .gnb_web{width: 77%;font-size: 1.7rem;}
  .gnb_web .gnb {gap: 1rem;}
  .gnb_web .gnb > li > span{padding: 0px 1rem;font-size: 1.7rem;}
  #header .btn_logout{padding: 1.5rem 2rem;}
  #header .btn_home{padding: 1.5rem 2rem;}
}

/* desktop 사이즈 : 1280px */
@media screen and (max-width:1280px) { 
  .radio_box input + label{padding:1rem;}
  
  .gnb_web .gnb {gap: 0rem;}
  .gnb_web .gnb > li > span{padding: 0 1rem;font-size: 1.6rem;} 
  #header .gnb_btn{gap:.5rem;padding: 0 3rem;}
  #header .inner{justify-content:space-between;}
}

/* tablet 사이즈 : 1024px */
@media screen and (max-width:1024px) {
  .h4{font-size:2.6rem;}
  .h5{font-size:1.8rem;}
  .h6{font-size:1.7rem;}

  .label_base{font-size:1.7rem;}
  .input_base{height:4.8rem;padding:0 2rem;}
  .textarea{height:22rem;padding:2rem;}
  .select_box > a{height:4.8rem;line-height:4.6rem;}
  .chk_base input + label{font-size:1.6rem;}
  .chk_list .chk_base{min-height:4.4rem;}
  .radio_base input + label{font-size:1.6rem;}
  .radio_box input + label b{font-size:1.8rem;}
  .radio_btn.tp2{height:6rem;}
  .radio_btn.tp2 input + label{font-size:1.7rem;}
  .radio_list.col2{gap:4rem;}
  .radio_list.col2 > li{width:calc(50% - 2rem);}
  .radio_list.col3{gap:2rem;}
  .radio_list.col3 > li{width:calc(50% - 1rem);}
  .radio_list.col4{gap:1.8rem;}
  .radio_list.col4 > li{width:calc(25% - 1.35rem)}
  .check_area{font-size:1.7rem;}

  .input_flex.email .select_box > ul{min-width:15rem;padding:1rem 0;}

  .gnb_web{display:none;}
  .gnb_mob{display:block;position:fixed;top:0;left:-100%;width:100%;max-width:60rem;height:100%;z-index:100;background-color:#fff;opacity:0;visibility:hidden;transition:all .4s;}
	.gnb_mob.on{left:0;opacity:1;visibility:visible;}
  .gnb_mob .gnb_top{display:flex;align-items:center;justify-content:flex-end;height:6rem;border-bottom:.1rem solid rgba(0,0,0,.06);padding:0 2.5rem;}
  .gnb_mob .gnb_bot{height:calc(100% - 6rem);padding:6.5rem 3.5rem;overflow-y:auto;}
  .gnb_mob .gnb > li + li{margin-top:4rem;}
  .gnb_mob .gnb > li > a{font-size:2.5rem;font-weight:600;}
  .gnb_on::before{position:absolute;top:0;left:0;content:'';display:block;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:9;}
  #header{display:none;}
  #footer .inner{flex-direction: column;}
  #footer .ft_btn{display: flex;width: 100%;gap: 2rem;justify-content: center;flex-direction: column;}
  #footer .ft_btn .btn_top{display: flex;flex-direction: row;width: 100%;height: 6.6rem;border-radius: 1.5rem;}
  #footer .ft_btn .top_ft{
    display: flex;
    width: 100%;
    gap: 2rem;
}
  #footer .ft_btn .top_ft .btn_home_mob{display: inline-flex;width: 100%;border-radius: 2rem;height: 6.6rem;flex-direction: row;border-radius: 1.5rem;}
  #footer .ft_btn .top_ft .btn_logout_mob{display: inline-flex;width: 100%;border-radius: 2rem;height: 6.6rem;flex-direction: row;border-radius: 1.5rem;}
}

/* mobile 사이즈 : 768px */
@media screen and (max-width:768px) {
  .radio_box input + label{min-height:17rem;}
  .radio_list.col3 > li{width:100%;}
  .radio_list.col4 > li{width:calc(50% - .9rem)}
  .input_flex.email .input_label{width:100%;}
  .input_flex.email .input_label .input_base{max-width:none;}
  .input_flex.phone{flex-wrap:wrap;}
  .input_flex.phone > .input_label{width:calc(33.33% - 2.06rem);}
  .input_flex.phone > .btn_base{width:100%;}

  #footer{padding: 5rem 0;}
  #footer .inner{flex-direction:column;}
  #footer .ft_btn{} 
  #footer .ft_btn .btn_top{flex-direction:row-reverse;height:5.2rem;border-radius:1rem;}
  #footer .ft_btn .top_ft{}
  #footer .ft_btn .top_ft .btn_home_mob{flex-direction:row-reverse;width:100%;height:5.2rem;border-radius:1rem;}
  #footer .ft_btn .top_ft .btn_logout_mob{flex-direction:row-reverse;width:100%;height:5.2rem;border-radius:1rem;}
}

/* mobile 사이즈 : 430px */
@media screen and (max-width:430px) {
  .radio_box input + label::before{top:1.2rem;left:1.2rem}
  .radio_box.tp2 input + label{gap:1rem;height:auto;padding:1rem 0;}
  .radio_box.tp2 input + label::before{position:initial;}
  .radio_list.col2{gap:2rem;}
  .radio_list.col2 > li{width:calc(50% - 1rem);}
}