@charset "utf-8";

body.pop_body {background: none;}

/* 팝업 레이아웃 */
/* 일반 페이지 팝업 */
.lypop.normal_pop {display: none;}

/* 고정형 */
.lypop {position: absolute;top: 0;left: 0;z-index: 600;border:2px #e61c2a solid;background: #fff;border-radius: 15px;}
.pop_ifrm_wrap {position: relative;border-radius: 15px;}

/* 팝업 닫기 */
.btn_lypop_close {position: absolute;top: 10px;right: -7px;z-index: 510;background: url(/images/mobile/btn_pop_close.png) no-repeat 0 0;background-size: 100% auto;}


/* 팝업 컨텐츠 */
.pop_wrap {position: relative; background-color: #5782cc;}  
.pop_wrap > .inner {position: relative;padding: 15px 15px 0 15px;}
.pop_wrap .pop_tit1 {position: relative;margin-bottom: 15px;font-size: 15px;font-weight: bold;color: #313131;line-height: 1.4;text-align: center;}

.pop_btn_area {position: relative;padding: 20px 0 0px 0;text-align: center;}
.pop_btn_area:after {display:block; clear:both; content:"."; visibility:hidden; height:0;}
.pop_btn_area .btn_size1 {height: 30px;}

.pop-stit-wrap {position: relative;margin-bottom: 10px;}
.pop-stit-wrap:after {display:block; clear:both; content:"."; visibility:hidden; height:0;}
.pop-stit-wrap .pop-tit1 {font-size: 14px;font-weight: bold;}
.pop-stit-wrap .txt1 {font-size: 13px;}

/*탭 스타일1*/
.tab-style1 .tab_btn {position: relative;}
.tab-style1 .tab_btn:after{display:block; clear:both; content:"."; visibility:hidden; height:0;}
.tab-style1 .tab_btn:before {content: "";display: block;position: absolute;bottom:0;left: 0;width: 100%;height: 1px;background-color: #e6e9eb;}
.tab-style1 .tab_btn > li {position: relative;z-index: 2;float: left;background:#fafafa;border:1px solid #e6e9eb;}
.tab-style1 .tab_btn > li > a {display: block;padding: 10px 15px;color: #333;font-weight: 600;font-size: 14px;}
.tab-style1 .tab_btn > li.on {background:#fff;border:1px solid #e6e9eb;border-bottom-color: #fff;}
.tab-style1 .tab_btn > li.on a {color: #0059d1;}
.tab-style1 .tab_cts {clear: both;position: relative;display: none;}

.tab-style1-small .tab_btn {position: relative;}
.tab-style1-small .tab_btn:after{display:block; clear:both; content:"."; visibility:hidden; height:0;}
.tab-style1-small .tab_btn:before {content: "";display: block;position: absolute;bottom:0;left: 0;width: 100%;height: 1px;background-color: #e6e9eb;}
.tab-style1-small .tab_btn > li {position: relative;z-index: 2;float: left;background:#fafafa;border:1px solid #e6e9eb;}
.tab-style1-small .tab_btn > li > a {display: block;padding: 8px 10px;color: #333;font-weight: 600;font-size: 12px;}
.tab-style1-small .tab_btn > li.on {background:#fff;border:1px solid #e6e9eb;border-bottom-color: #fff;}
.tab-style1-small .tab_btn > li.on a {color: #0059d1;}
.tab-style1-small .tab_cts {clear: both;position: relative;padding: 15px;border:1px solid #e6e9eb; border-top: none; display: none;}

/*예비역 간부 진급*/
.promotion-tab > .tab_cts {}

.s-title { font-size: 15px;margin-top: 25px; margin-bottom: 10px; color: #454545;font-weight: bold;}
.details {margin-top: 10px;color: #656565; border-bottom: 1px solid #e2e2e2; padding-bottom: 15px; letter-spacing: -0.047em; font-size: 12px }
.details em {font-style: normal;}
.details ul li {position: relative;padding: 0 10px 8px 7px; line-height: 19px;}
.details ul li:after {content:"";display: block;position: absolute;top: 7px;left:0;width: 3px;height: 3px;background: #5b5b5b;}
.details ul li ul li {position: relative; line-height:19px; padding-bottom: 2px }
.details ul li ul li:after {content:"";display: block;position: absolute;top: 7px;left:0;width: 2px;height: 2px;background: #5b5b5b;}
.details ul li span { color: #0059d1; font-weight: bold }
.details ul li em { font-weight: bold }
.details ul li .str { color: #fc5640; font-weight: normal }
.details.last {border-bottom: none;}