@charset "utf-8";
/* CSS Document */
*{box-sizing:border-box;}
a:focus, button:focus,input:focus {outline: -webkit-focus-ring-color auto 5px;}

.inner {position:relative; margin: 0 auto; padding: 0 10px; box-sizing: border-box;}
.inner:after{content:''; display:block; clear:both;}
body.Tablet .inner, body.Mobile .inner {padding: 0;}
.clear:after{content:''; display:block; clear:both;}

.multipleContentsDiv{max-width: 100% !important;}

.sr-only{position: absolute; width: 1px; height: 1px; border: 0; margin: -1px; padding: 0; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; overflow: hidden;}

a.nw:after {content:'';display:inline-block;width:18px;height:18px;margin-left:4px; vertical-align:-3px; background:url('/sites/minwon/images/icon-nw.png') right center no-repeat; background-size:contain;}

/* 누리집 공식배너*/
.guide-nuri-box{position:relative; height:32px; padding:4px 16px; border-bottom: 1px solid #f2f2f2; background-color: #EDF1F5; z-index:70;}
.guide-nuri-box img{padding-right:8px;vertical-align:-3px;}
.guide-nuri-box span{vertical-align:top; font-weight:400; font-size: 15px;color: #1d1d1d;}

/**[Layout]********************************************************/
#_wrap #_wrapHeader {position: sticky; top: 0; left: 0; right: 0; transform: translateY(0);  z-index: 70; will-change: transform; backface-visibility: hidden; -webkit-backface-visibility: hidden; /* (선택) 일부 Safari 대비용 */
  transform: translate3d(0, 0, 0); transition: transform 0.4s ease-in-out;}
#_wrap #_wrapHeader.hide {transform: translate3d(0, -100%, 0);}
#_wrap #_wrapHeader.show {transform: translate3d(0, 0, 0);}
#_wrap #_wrapHeader #_header {position: relative; width: 100%; background-color: #fff;}
#_wrap #_wrapHeader #_header:after{content:''; display:block; clear:both;}

#_wrap #_wrapArticle {position:relative; z-index:1;}
#_wrap #_wrapFooter {border-top: 1px solid #b2b2b2; z-index:2;}
#_wrap #_wrapFooter,
#_wrap #_wrapFooter #_footer {background-color:#f8f8f8;}

#topBtn {display: none;}
#topBtn button{position:fixed;bottom:30px;right:30px;width:60px;height:60px; padding:20px 0 5px; background: #fff url('/sites/minwon/images/icon-top.png') center 5px no-repeat; border:1px solid #d8d8d8; border-radius:100%; font-size:15px; color:#1d1d1d; z-index: 70;}


/**[Header]********************************************************/
.header-container{position:relative;min-height:72px; padding:8px 16px; background-color:#fff; border-bottom:1px solid #d8d8d8;}

.header-branding{display: flex; align-items: center; justify-content: space-between; flex-direction: row;}
.header-branding .logo{width:190px; height:40px;}
.header-branding .logo a{display:block; width:100%; height:100%; background:url(../images/logo.png) left top no-repeat; background-size:contain;}

.header-actions{display:flex;}
.header-actions .btn-navi{display: inline-flex; flex-direction: column; align-items: center; justify-content: space-between; min-height:56px; padding:4px 8px; border-radius:6px; line-height:1.5; font-size:15px; font-weight:700; color:#1D1D1D;}
.header-actions .btn-navi + .btn-navi{margin-left:4px;}
.header-actions .btn-navi:hover{background-color:#eef2f7;}
.header-actions .btn-navi:before{content:''; display:inline-flex; width:20px; height:20px; margin-right:0; background-repeat:no-repeat; background-position:center; background-size:contain;}
.header-actions .btn-navi.menu:before{background-image:url('../images/menu.png');}
.header-actions .btn-navi.login:before{background-image:url('../images/ico_login.png');}
.header-actions .btn-navi.logout:before{background-image:url('../images/ico_logout.png');}

/**[모바일 - 메뉴열기/닫기]********************************************************/
.mMenu {position: absolute; top: 16px; right: 20px; width: 50px; height: 35px; border-radius: 16px; z-index: 103;
  background: #4565ac url('../images/mMenuButton.png') right top no-repeat; font-size:0; transition: all 0.2s ease;}
#mMenuClose{top:-54px; background-position: left top;}

/* 전체메뉴*/
#gnb_wrap {display:none; position: absolute; top: -32px; right: 0; bottom:0; width: 100%; height:100vh;  border: 0; background-color: #fff; transition: all 0.3s ease; z-index: 70;}

/* 메뉴 */
.topMenu{display:none; position: fixed; top: -32px; left:0; right: 0px; float:none; width:100%; height:100vh; background-color:#fff; z-index: 70;}
#mMenuClose{display:block; position:absolute; top:18px; right:16px; width:22px; height:22px; background:url('../images/icon_close.png') center no-repeat; background-size: contain;}
.topDir {display:block; width: 100%; height:62px; padding:16px; background-color: #fff; border-bottom: 1px solid #d8d8d8;}
.topDir ul {display:flex; padding-right:25px;}
.topDir ul li{position:relative;}
.topDir ul li + li{margin-left:16px;}
.topDir ul li + li:before{content:''; position:absolute; top:5px; left:-8px; width:1px; height:16px; background-color:#d8d8d8;}
.topDir ul li a{padding:4px 8px; border-radius:4px; font-size:14px; color:#1e2124;}
.topDir ul li.logout{display:none;}
  
.top_div {position: relative;}
/* 1차 메뉴 */
.menuUItop {position:fixed; top:31px; width: 100%; height:calc(100vh - 62px); overflow:hidden;}
.menuUItop ul.ul_1{width:100%; height:100%;}
.menuUItop ul.ul_1:before{content:''; position:absolute; left:0; width:145px; height:calc(100vh - 62px); background-color:#edf1f5;}
.menuUItop ul.ul_1 li.li_1{float:none;}
.menuUItop ul.ul_1 li.li_1 + li.li_1{margin-left:0; margin-top:8px;}
.menuUItop ul.ul_1 li.li_1 a.a_1{position: relative; display: flex; align-items: center; justify-content: flex-start; width: 145px; height: 56px; padding: 0 16px; letter-spacing: -0.5px; font-size: 17px; color: #1d1d1d; font-weight: 700; outline-offset: -2px;}
.menuUItop ul.ul_1 li.li_1.on a.a_1{background-color:#fff; color:#052b57;}
.menuUItop ul.ul_1 li.li_1.on a.a_1:before{display:none;}
.menuUItop ul.ul_1 li.li_1 a.a_1:after{display:none !important;}
.menuUItop ul.ul_1 li.li_1.on a.a_1:after{display:block !important; position: absolute; right: 4px;width: 20px; height: 20px; margin-left: 8px; vertical-align: middle; background-image: url(../images/gnb_ico_on.png); transform: rotate(270deg) !important;}
.menuUItop ul.ul_1 li.li_1:hover a.a_1:before{display:none;}

.menuUItop ul.ul_1 li.li_1.eQ04{display:none;}
.menuUItop ul.ul_1 li.li_1.eQ05{display:none;}
.menuUItop ul.ul_1 li.li_1.eQ06{display:none;}

.menuUItop ul.ul_1 li.li_1._useChildDiv.on a.a_1:after{content: ''; position: absolute; right: 4px; width: 20px; height: 20px; margin-left: 8px; vertical-align: middle; background-image: url(../images/gnb_ico_on.png); transform: rotate(270deg);}

/* 2차 메뉴 */
.menuUItop .div_2{position: absolute; top:0; left:150px; width:calc(100% - 150px); height: auto; max-height:calc(100vh - 62px); overflow-y:auto; }
.menuUItop .div_2:before{display:none;}
.menuUItop .div_2 .ul_2{padding:8px 0;}
.menuUItop .div_2 .ul_2:before{display:none;}
.menuUItop .div_2 .ul_2 li.li_2{display:block; width:100%; margin-bottom:4px;}
.menuUItop .div_2 .ul_2 li.li_2 > a{display:block; width:100%; padding:8px 16px; font-size: 17px; font-weight: 700; color: #1d1d1d; outline-offset: -2px;}

/* 3차 메뉴 */
.menuUItop .div_3{position:static; width:100%; padding:8px 32px; background-image:none;}
.menuUItop .div_3 .tit_3{display:none;}
.menuUItop .div_3 .ul_3 li.li_3{float:none; width:100%; margin-right:0; margin-bottom:4px;}
.menuUItop .div_3 .ul_3 li.li_3 a{position:relative; padding:4px 8px 4px 10px; font-size:15px;}
.menuUItop .div_3 .ul_3 li.li_3 a:before {content: ''; position: absolute; top: 12px; left: 0; width: 3px; height: 3px; margin-right: 4px; border-radius: 100%; background: #1d1d1d;}
.menuUItop .div_3 .ul_3 li.li_3._useChildDiv > a:after {content: ""; position: absolute; top: 6px; right: -14px; width: 16px; height: 16px; vertical-align: middle; background: url(../images/gnb_ico.png) center no-repeat;}
.menuUItop .div_3 .ul_3 li.li_3 a.nw:after{vertical-align:-1px;}
/* top 4차메뉴 */
.menuUItop .div_4{display:none;}
.menuUItop .div_4.on{display: block; position: fixed; top: 30px; left: 145px; right: 0; height: 100vh; padding:24px 16px; background-color: #FFF; z-index: 1;} /*position: absolute; top: 0; left: 0; right: 0; height: 100vh; */
.menuUItop .div_4 .tit_4{margin-bottom:12px; padding-left:24px; font-size:19px; vertical-align:middle;}
.menuUItop .div_4 .ul_4{padding:16px 0;}
.menuUItop .div_4 .ul_4 li + li{margin-top:2px;}
/*뒤로가기 버튼*/
.menuUItop .div_4 .back-btn{position: absolute;  top: 26px; left: 12px; width:20px; height:20px; background: url(../images/gnb_ico.png) center no-repeat; transform: rotate(90deg);}

/**[Footer]********************************************************/
#_footer {position: relative; padding:32px 16px; font-size:15px;}
#_footer .footer_top{height:38px; margin-bottom:32px;}
#_footer .footer_top img{height:100%;}

#_footer .footer_cnt{padding-bottom:32px;}

#_footer .f-info{margin-bottom:32px;}
#_footer .f-info address{margin-bottom:24px;}
#_footer .f-info ._tel li+li{margin-top:16px;}
#_footer .f-info ._tel li span{display:block;}
#_footer .f-info ._tel li em{font-weight:700; color:#1e2124;}
#_footer .f-info ._tel li a{font-weight:700; color:#1e2124;}
#_footer .f-info ._tel li .color01{color:#B90910 !important;}

#_footer .f-link .link-go {margin-bottom:32px;}
#_footer .f-link .link-go li+li{margin-top:16px;}
#_footer .f-link .link-go a{font-weight:700; color:#1e2124;}
#_footer .f-link .link-go a:after{content:''; display:inline-block; width:20px; height:20px; margin-left:4px; vertical-align:-4px; background:url('../images/ico_right.png') center no-repeat;}

#_footer .f-link .link-sns:after{content:''; display:block; clear:both;}
#_footer .f-link .link-sns li{float:left}
#_footer .f-link .link-sns li+li{margin-left:8px;}

#_footer .f-link .link-sns li a{display: block;width: 40px;height: 40px;background: #fff url('../images/footer-sns.png') left top no-repeat; border-radius:100%; font-size:0;}
#_footer .f-link .link-sns li a.snsI {background-position: 0 top;}
#_footer .f-link .link-sns li a.snsTh {background-position: -48px top;}
#_footer .f-link .link-sns li a.snsF {background-position: -96px top;}
#_footer .f-link .link-sns li a.snsT {background-position: -144px top;}
#_footer .f-link .link-sns li a.snsY {background-position: -192px top;}
#_footer .f-link .link-sns li a.snsN {background-position: -240px top;}
#_footer .f-link .link-sns li a.snsD {background-position: -288px top;}

#_footer .footer_bottom{padding-top:12px; border-top:1px solid #d8d8d8;}
#_footer .footer_bottom ul:after{content:''; display:block; clear:both;}
#_footer .footer_bottom li{float:left; height:30px; margin-right:20px;}
#_footer .footer_bottom li a{display:inline-block; padding-top:3px; font-size:15px;}
#_footer .footer_bottom li.em{padding-left:0;}
#_footer .footer_bottom li.em a{padding-top:1px; font-size:17px; font-weight:700; color:#003675; text-decoration: underline;}
#_footer .footer_bottom ._copyright{margin-top:24px; font-size:15px; color:#464c53;}


/******************** 신메인(202307) css 추가 ************************************************************/
#multipleDiv_minwon_7128{position: relative; padding:60px 50px 125px; background:url(/sites/minwon/images/main/processBack_app.png) center no-repeat; background-size:cover; overflow:hidden;}
#multipleDiv_minwon_7128:before{content:'';width:130px;height:124px;position:absolute; bottom:0; left: 6px; background:url(/sites/minwon/images/main/mainTitle-icon01.png) center no-repeat; background-size: 100%;}
#multipleDiv_minwon_7128:after{content:'';width:180px;height:129px;position:absolute; bottom:-10px; right: 0; background:url(/sites/minwon/images/main/mainTitle-icon02.png) center no-repeat;}
.appMainText{text-align:center; line-height:1; letter-spacing:-1px;}
.appMainText span{display:block; margin-bottom:20px; font-size: 28px; font-weight: 100; color: #fff;}
.appMainText span.en{margin-top:5px; font-size:16px;}
.appMainText strong{position:relative; font-size: 45px; font-weight: 400; line-height: 1.4; color: #fff; z-index:0;}
.appMainText strong.tit01:before{content:''; position:absolute; bottom:14px; left:2px; width:96%; height:18px; background-color:#01abac; z-index:-1;}
.appMainText strong.tit02 i{position:relative; font-size: 45px; color:#ffffff;}
.appMainText strong.tit02 i:before{content:''; position:absolute; top:0; left:19px; width:8px; height:8px; border-radius:100%; background-color:#ffc400;}

@media all and (max-width:599px){
	#multipleDiv_minwon_7128{padding:60px 20px 125px;}
}

/***** 메인 탭 (app) *****/
.appMenu{position:relative;}
.appMenu ul li{width:100%;}
.appMenu .tabBtn{position:relative; padding:20px 30px; border-bottom:1px solid #fff; text-align: left; font-size: 18px;box-sizing:border-box;transition: all 0.2s ease;
  	 background-color:#1d446d; background-image: url(/sites/minwon/images/main/tabBtn-close.png); background-repeat:no-repeat; background-position:calc(100% - 30px) center;}
.appMenu .tabBtn button{display:block; width:100%; text-align:left; line-height: 1.8;letter-spacing: -1px;font-weight: 400; font-size:22px; color:#ffffff;}
.appMenu ul li.p02 .tabBtn{padding:15px 30px;}
.appMenu ul li.p02 .tabBtn button{line-height:1.2;}
.appMenu ul li:hover .tabBtn{background-color:#1c82b1;}
.appMenu ul li._on .tabBtn {background-image: url(/sites/minwon/images/main/tabBtn-open.png);}
.appMenu ul li._on .tabBtn button{color: #eab716;}

.appMenu .tabCont{display: none; padding: 30px 30px 40px; text-align:center; background-color:#1d446d; border-bottom: 1px solid #fff;}
.appMenu .tabCont:after{content:''; display:block; clear:both;}
.appMenu li._on .tabCont{display: block;}
.appMenu .tabCont .btn_list{font-size:0;}
.appMenu .tabCont .btn_list .btn{position:relative; display: inline-block; margin-right: 10px; margin-bottom: 10px; border-radius: 8px;background-color: #ffffff;background-repeat: no-repeat; box-sizing: border-box;}
.appMenu .tabCont .btn_list .btn:last-child{margin-right:0;}
.appMenu .tabCont .btn_list .btn span{color: #333;line-height: 1; letter-spacing:-1px; font-size: 18px;}
.appMenu .tabCont .btn_list .btn span i {display:block; font-size:14px; color:#333;}

.appMenu .tabCont .btn_list.typ01 .btn{width: calc((100% - 10px)/2); height:170px;text-align: center;padding: 130px 20px 20px; background-position: center 40px;}
.appMenu .tabCont .btn_list.typ01 .btn:nth-child(2n){margin-right:0;}
.appMenu .tabCont .btn_list.typ01 .btn span{position:absolute; left: 50%; bottom:25px; width: 100%; padding:0 10px; box-sizing:border-box; transform: translate(-50%,0);}
.appMenu .tabCont .btn_list.typ01 .btn.long span{bottom: 15px;}
.appMenu .tabCont .btn_list.typ01 .btn.nw:after{position:absolute; right:30px;}

.appMenu .tabCont .btn_list.typ02 .btn{width: calc((100% - 10px)/2); height: 80px; padding: 30px 10px 30px 70px; text-align:left; background-position: 25px center;}
.appMenu .tabCont .btn_list.typ02 .btn:nth-child(2n){margin-right:0;}
.appMenu .tabCont .btn_list.typ02 .btn span{position:absolute;top: 50%; transform: translate(0, -50%); }
.appMenu .tabCont .btn_list.typ02 .btn.long{padding: 24px 10px 24px 70px;}
.appMenu .tabCont .btn_list.typ02 .btn.long span i{font-size:14px;}
.appMenu .tabCont .btn_list.typ02 .btn.nw:after{position:absolute; right:20px;}

/*.appMenu .tabCont.float .btn_list{float:left;}*/
.appMenu .tabCont.float .btn_list.typ01{width:100%; margin-right:0;}
.appMenu .tabCont.float .btn_list.typ01 .btn{width:calc((100% - 10px)/2);}
.appMenu .tabCont.float .btn_list.typ02{width:100%;}
.appMenu .tabCont.float .btn_list .btn:nth-child(3n){margin-right:0;}
.appMenu .tabCont.float .btn_list .btn:nth-child(3){margin-right:10px;}

.appMenu ul li.p02 .tabCont .btn_list.typ01 .btn{width: calc((100% - 10px)/2);}

 /* 탭별 아이콘 추가 */
.appMenu ul li.p01 .typ01 .btn:nth-child(1) {background-image: url(/sites/minwon/images/main/p1_01.png);}
.appMenu ul li.p01 .typ01 .btn:nth-child(2) {background-image: url(/sites/minwon/images/main/p1_02.png);}
.appMenu ul li.p01 .typ02 .btn:nth-child(1) {background-image: url(/sites/minwon/images/main/p1_03.png);}
.appMenu ul li.p01 .typ02 .btn:nth-child(2) {background-image: url(/sites/minwon/images/main/p1_04.png);}
.appMenu ul li.p01 .typ02 .btn:nth-child(3) {background-image: url(/sites/minwon/images/main/p1_05.png);}
.appMenu ul li.p01 .typ02 .btn:nth-child(4) {background-image: url(/sites/minwon/images/main/p1_06.png);}
.appMenu ul li.p01 .typ02 .btn:nth-child(5) {background-image: url(/sites/minwon/images/main/p1_07.png);}
.appMenu ul li.p01 .typ02 .btn:nth-child(6) {background-image: url(/sites/minwon/images/main/p1_12.png);} /* 반입도서 관리 */
/* .appMenu ul li.p01 .typ02 .btn:nth-child(6) {background-image: url(/sites/minwon/images/main/p1_08.png);} 증명서 발급 */

.appMenu ul li.p02 .typ01 .btn:nth-child(1) {background-image: url(/sites/minwon/images/main/p2_01.png); background-position: center 35px;}
/*.appMenu ul li.p02 .typ01 .btn:nth-child(2) {background-image: url(/sites/minwon/images/main/p2_02.png);} 국립법무병원 편지쓰기 */
.appMenu ul li.p02 .typ01 .btn:nth-child(2) {background-image: url(/sites/minwon/images/main/p2_03.png); background-position: center 45px;}
.appMenu ul li.p02 .typ01 .btn:nth-child(3) {background-image: url(/sites/minwon/images/main/p2_04.png);}
.appMenu ul li.p02 .typ01 .btn:nth-child(4) {background-image: url(/sites/minwon/images/main/p2_05.png);}

.appMenu ul li.p03 .typ01 .btn:nth-child(1) {background-image: url(/sites/minwon/images/main/p3_01.png);}
.appMenu ul li.p03 .typ01 .btn:nth-child(2) {background-image: url(/sites/minwon/images/main/p3_02.png);}
.appMenu ul li.p03 .typ02 .btn:nth-child(1) {background-image: url(/sites/minwon/images/main/p3_03.png);}
.appMenu ul li.p03 .typ02 .btn:nth-child(2) {background-image: url(/sites/minwon/images/main/p3_04.png);}
.appMenu ul li.p03 .typ02 .btn:nth-child(3) {background-image: url(/sites/minwon/images/main/p3_05.png);}
.appMenu ul li.p03 .typ02 .btn:nth-child(4) {background-image: url(/sites/minwon/images/main/p3_06.png);}
.appMenu ul li.p03 .typ02 .btn:nth-child(5) {background-image: url(/sites/minwon/images/main/p3_07.png);}
.appMenu ul li.p03 .typ02 .btn:nth-child(6) {background-image: url(/sites/minwon/images/main/p3_08.png);}

.appMenu ul li.p04 .typ01 .btn:nth-child(1) {background-image: url(/sites/minwon/images/main/p4_01.png);}
.appMenu ul li.p04 .typ01 .btn:nth-child(2) {background-image: url(/sites/minwon/images/main/p4_02.png);}

@media all and (max-width:499px){
  	.appMenu .tabCont{padding:15px 10px;}
  	.appMenu .tabCont .btn_list.typ02 .btn{padding:30px 10px 30px 60px; background-position:20px center;}
  	.appMenu .tabCont .btn_list.typ02 .btn.long{padding:24px 10px 24px 60px;}
  	.appMenu .tabCont .btn_list .btn span{font-size:16px;}
}

.appGuide a{display:block; padding:20px 80px 20px 30px; border-bottom: 1px solid #fff; text-align:left; font-size:22px; font-weight:400; color:#ffffff;
  background-image:url(/sites/minwon/images/main/tab-ico.png); background-position:calc(100% - 36px) center; background-repeat: no-repeat; background-size: 1.5%;} 
.appGuide a:hover{color:#ffffff;}
.appGuide .notice{background-color:#1a8093; color:#fff;}
.appGuide .guide{background-color:#0F857C; color:#fff;}

/* 플로팅메뉴 영역(모바일)   PC는 마스터스킨에 있음 */
  #multipleDiv_minwon_9344{display:block;}
 .Mb_floatingMenu{padding:20px 0; background:#eaf2ff; box-sizing:border-box;}
 .Mb_floatingMenu ul:after{content:''; display:block; clear:both;}
 .Mb_floatingMenu ul li{float:left; position:relative; width:calc(100%/3); text-align:center;}
 .Mb_floatingMenu ul li+li:before{content:'';position:absolute;top:0;left:0;width: 1px;height: 80px;background-color:#bcc8db;}
 .Mb_floatingMenu ul li .tit{line-height:1; font-weight:400; color:#0870a0;}
 .Mb_floatingMenu ul li .txtBox{margin-top:10px; color:#333333;}
 .Mb_floatingMenu ul li .txtBox .smtxt{font-size:12px; color:#333333;}
 .Mb_floatingMenu ul li .txtBox strong a{font-size:24px;font-weight:700;color:#000000;line-height: 1;}
 .Mb_floatingMenu ul li .txtBox strong a:hover{color:#000000;}
 .Mb_floatingMenu ul li .txtBox strong.txt03 a{font-size:18px;} 


/* 겹치는 css 수정 */
._contentBuilder ._obj._objHtml ul li, ._contentBuilder ._obj._objTag ul li{margin-top:0 !important;}