@charset "utf-8";

@font-face{font-family:'nanum';
src:url(./font/NanumGothic-Regular.eot);src:local(※),url(./font/NanumGothic-Regular.woff) format('woff')
}
@font-face{font-family:'nanumb';
font-weight: bold;
src:url(./font/NanumGothic-Bold.eot);src:local(※),url(./font/NanumGothic-Bold.woff) format('woff')
}


/* ----------------------------------------------------------------
 Reset
 -----------------------------------------------------------------*/
* {margin:0;padding:0;}

html, body, div, span, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, blockquote, p, address, pre, cite, form, fieldset, input, textarea, select, table, th, td {margin:0;padding:0;}
fieldset, img, abbr, acronym {border:0 none;}
ol, ul, li {list-style:none;}
table {border-collapse:collapse;border-spacing:0;border:0 none;width:100%;letter-spacing:-0.3px;}
caption, th, td {/*text-align: left;*/font-weight:normal;}
address, caption, strong, em, cite {font-weight:normal;font-style:normal;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
hr {display:none;}
legend, caption{overflow:hidden;width:1px;height:1px;*height:0;padding:0;margin-top:-1px;font-size:0;line-height:0;text-indent:-999em}

.blind {overflow:hidden;display:block;text-indent:-9999px;zoom:1;}

a {text-decoration:none;color:#666;outline:none !important;}
a:hover, a:focus, a:active {text-decoration:underline;}
.img {padding:0;margin:0;vertical-align:middle;position:relative;top:-1px;*overflow:hidden;}
strong {font-family:'nanumb';}
a:hover, a:active, a:focus {text-decoration:none;}
b{font-weight:bold;}


/* ----------------------------------------------------------------
 Helper Classes
 -----------------------------------------------------------------*/
.fl {float:left !important;}
.fr {float:right !important;}
.tl {text-align:left !important;}
.tr {text-align:right !important;}
.tc {text-align:center !important;}

.colorRed {color:#f33d30 !important;} /* 20190809 */

.group:before, .group:after {content:"";display:table;}
.group:after {clear:both;}
.group {zoom:1;}

.mt_0 {margin-top:0 !important;}
.mt_1 {margin-top:1px !important;}
.mt_3 {margin-top:3px !important;}
.mt_5 {margin-top:5px !important;}
.mt_8 {margin-top:8px !important;}
.mt_10 {margin-top:10px !important;}
.mt_13 {margin-top:13px !important;}
.mt_15 {margin-top:15px !important;}
.mt_20 {margin-top:20px !important;}
.mt_25 {margin-top:25px !important;}
.mt_30 {margin-top:30px !important;}
.mt_35 {margin-top:35px !important;}
.mt_40 {margin-top:40px !important;}
.mt_45 {margin-top:45px !important;}
.mt_50 {margin-top:50px !important;}
.mt_55 {margin-top:55px !important;}
.mt_60 {margin-top:60px !important;}
.mt_70 {margin-top:70px !important;}
.mt_80 {margin-top:80px !important;}
.mt_90 {margin-top:90px !important;}
.mt_99 {margin-top:99px !important;}
.mt_100 {margin-top:100px !important;}
.mt_130 {margin-top:130px !important;}
.mt_150 {margin-top:150px !important;}

.mt_-8 {margin-top:-8px !important;}
.mt_-10 {margin-top:-10px !important;}

.mb_-5 {margin-bottom:-5px !important;}
.mb_-3 {margin-bottom:-3px !important;}
.mb_0 {margin-bottom:0 !important;}
.mb_5 {margin-bottom:5px !important;}
.mb_10 {margin-bottom:10px !important;}
.mb_15 {margin-bottom:15px !important;}
.mb_20 {margin-bottom:20px !important;}
.mb_25 {margin-bottom:25px !important;}
.mb_30 {margin-bottom:30px !important;}
.mb_35 {margin-bottom:35px !important;}
.mb_40 {margin-bottom:40px !important;}
.mb_45 {margin-bottom:45px !important;}
.mb_50 {margin-bottom:50px !important;}
.mb_55 {margin-bottom:55px !important;}
.mb_60 {margin-bottom:60px !important;}
.mb_100 {margin-bottom:100px !important;}

.mr_0 {margin-right:0 !important;}
.mr_3 {margin-right:3px !important;}
.mr_4 {margin-right:4px !important;}
.mr_5 {margin-right:5px !important;}
.mr_10 {margin-right:10px !important;}
.mr_15 {margin-right:15px !important;}
.mr_20 {margin-right:20px !important;}
.mr_25 {margin-right:25px !important;}
.mr_30 {margin-right:30px !important;}
.mr_35 {margin-right:35px !important;}
.mr_40 {margin-right:40px !important;}
.mr_45 {margin-right:45px !important;}
.mr_50 {margin-right:50px !important;}
.mr_55 {margin-right:55px !important;}
.mr_60 {margin-right:60px !important;}

.ml_-20 {margin-left:-20px !important;}
.ml_-15 {margin-left:-15px !important;}
.ml_-10 {margin-left:-10px !important;}
.ml_-5 {margin-left:-5px !important;}
.ml_0 {margin-left:0 !important;}
.ml_3 {margin-left:3px !important;}
.ml_5 {margin-left:5px !important;}
.ml_10 {margin-left:10px !important;}
.ml_12 {margin-left:12px !important;}
.ml_15 {margin-left:15px !important;}
.ml_20 {margin-left:20px !important;}
.ml_25 {margin-left:25px !important;}
.ml_30 {margin-left:30px !important;}
.ml_35 {margin-left:35px !important;}
.ml_40 {margin-left:40px !important;}
.ml_45 {margin-left:45px !important;}
.ml_50 {margin-left:50px !important;}
.ml_55 {margin-left:55px !important;}
.ml_60 {margin-left:60px !important;}
.ml_70 {margin-left:70px !important;}
.ml_80 {margin-left:80px !important;}
.ml_90 {margin-left:90px !important;}

.p_0 {padding:0 !important;}
.p_2 {padding:2px !important;}
.p_7 {padding:7px !important;}
.p_10 {padding:10px !important;}
.p_15 {padding:15px !important;}
.p_20 {padding:20px !important;}
.p_30 {padding:30px !important;}

.pt_0 {padding-top:0 !important;}
.pt_3 {padding-top:3px !important;}
.pt_5 {padding-top:5px !important;}
.pt_8 {padding-top:8px !important;}
.pt_10 {padding-top:10px !important;}
.pt_12 {padding-top:12px !important;}
.pt_15 {padding-top:15px !important;}
.pt_18 {padding-top:18px !important;}
.pt_20 {padding-top:20px !important;}
.pt_30 {padding-top:30px !important;}
.pt_40 {padding-top:40px !important;}
.pt_45 {padding-top:45px !important;}
.pt_50 {padding-top:50px !important;}

.pb_0 {padding-bottom:0 !important;}
.pb_10 {padding-bottom:10px !important;}
.pb_20 {padding-bottom:20px !important;}
.pb_30 {padding-bottom:30px !important;}
.pb_40 {padding-bottom:40px !important;}
.pb_50 {padding-bottom:50px !important;}
.pb_60 {padding-bottom:60px !important;}
.pb_90 {padding-bottom:90px !important;}
.pb_120 {padding-bottom:120px !important;}

.pl_0 {padding-left:0 !important;}
.pl_5 {padding-left:5px !important;}
.pl_10 {padding-left:10px !important;}
.pl_20 {padding-left:20px !important;}
.pl_30 {padding-left:30px !important;}
.pl_34 {padding-left:34px !important;}
.pl_50 {padding-left:50px !important;}

.pr_5 {padding-right:5px !important;}
.pr_10 {padding-right:10px !important;}
.pr_20 {padding-right:20px !important;}
.pr_30 {padding-right:30px !important;}

.h20 {height:20px !important;}
.h30 {height:30px !important;}
.h40 {height:40px !important;}
.h445 {height:445px !important;}

.w100p {width:100% !important;}
.w99p {width:99.5% !important;}
.w98p {width:98% !important;}
.w95p {width:95% !important;}
.w90p {width:90% !important;}
.w80p {width:80% !important;}
.w75p {width:75% !important;}
.w70p {width:70% !important;}
.w60p {width:60% !important;}
.w50p {width:50% !important;}
.w40p {width:40% !important;}
.w35p {width:35% !important;}
.w30p {width:30% !important;}
.w25p {width:25% !important;}
.w20p {width:20% !important;}
.w15p {width:15% !important;}

.w800px {width:800px !important;}
.w700px {width:700px !important;}
.w650px {width:650px !important;}
.w600px {width:600px !important;}
.w550px {width:550px !important;}
.w500px {width:500px !important;}
.w460px {width:460px !important;}
.w420px {width:420px !important;}
.w400px {width:400px !important;}
.w340px {width:340px !important;}
.w330px {width:330px !important;}
.w300px {width:300px !important;}
.w280px {width:280px !important;}
.w255px {width:255px !important;}
.w250px {width:250px !important;}
.w200px {width:200px !important;}
.w190px {width:190px !important;}
.w180px {width:180px !important;}
.w172px {width:172px !important;}
.w170px {width:170px !important;}
.w160px {width:160px !important;}
.w150px {width:150px !important;}
.w130px {width:130px !important;}
.w120px {width:120px !important;}
.w100px {width:100px !important;}
.w90px {width:90px !important;}
.w80px {width:80px !important;}
.w70px {width:70px !important;}
.w60px {width:60px !important;}
.w50px {width:50px !important;}
.w40px {width:40px !important;}
.w30px {width:30px !important;}
.w20px {width:20px !important;}
.w15px {width:15px !important;}
.w10px {width:10px !important;}

input, textarea, button, select {-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;-webkit-appearance:none; -moz-appearance:none;appearance:none;}
select::-ms-expand {display:none;}

input, select, textarea {font-family:'nanum','나눔고딕','돋움','dotum','tahoma','sans-serif';font-size:14px;}
select {height:38px;font-size:14px;font-family:'nanumb';color:#666;padding:5px 10px;border:1px solid #dedede;box-sizing:border-box;
	background:url(../../images/m/icon_arrowG11x7.png) no-repeat right 10px center;}
input[type="text"] {width:100%;height:38px;font-family:'nanumb';color:#666;padding:5px 10px;border:1px solid #dedede;box-sizing:border-box;}

button {line-height:normal;border:none;font-family:'nanum';cursor:pointer;}

input[type="radio"] {width:20px;height:20px;margin:0 4px 0 0;line-height:normal;appearance:ridio;-webkit-appearance: radio;-moz-appearance:radio;vertical-align:top;border:0;}
input[type="radio"] + label { display:inline-block;vertical-align:top;line-height:normal;}

input[type="checkbox"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}/* 실제 체크박스는 화면에서 숨김 */
input[type="checkbox"] + label {display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none; }
input[type="checkbox"] + label:before {content: ' ';display:inline-block;width:19px;height:19px;line-height:19px;margin:-2px 8px 0 0;
  text-align:center;vertical-align:middle;border:1px solid #ccc;}/* 가짜 체크박스 */
input[type="checkbox"]:checked + label:before {border-color:#aaa;background:url(../../images/m/btn_check.png) no-repeat center center;}
/* 체크박스를 체크했을때 */ /*content: '\2714';  체크표시 유니코드 사용 color: #999; */

body {font-size:14px;font-family:'nanum','나눔고딕','돋움','dotum','tahoma','sans-serif';line-height:1.7em;letter-spacing:-0.5px;color:#666;-webkit-text-size-adjust:none;}

/* -------------------------------------------------------------------------------
	전자정부 누리집 배너
 ------------------------------------------------------------------------------- */
#egov-banner {padding: 10px 10px 10px 50px; word-break: keep-all; position: relative; background: #edf1f5; z-index: 950;}
#egov-banner span {position: relative; display: block;}
#egov-banner span:before {content: ""; position: absolute; top: 0; left: -30px; display: block; width: 20px; aspect-ratio: 1/1; margin: 0 0 3px 5px; background: url("../../images/common/korean_flag.png") center no-repeat; background-size: 100%;}

/* ----------------------------------------------------------------
 header
 -----------------------------------------------------------------*/
header {position:relative;width:100%;background:#28324f;}
#util_box {padding:11px 20px 0 20px;box-sizing:}
#util_box .logo_area {margin:0 auto;width:215px;height:42px;}
.korean a {float:left;width:39px;height:42px;background:url(../../images/m/korean_logo.png) no-repeat;}
#util_box h1 a {float:right;margin-top:7px;width:161px;background:url(../../images/m/h1_logo.png) no-repeat;background-size:100%;}
#util_box .btnAll {position:absolute;left:20px;top:21px;width:23px;height:19px;background:url(../../images/m/btn_allMenu.png);background-size:100%;text-indent:-9999px;}


/* btnSearch */
header .btnSearch {position:absolute;right:20px;top:19px;overflow:hidden;width:23px;height:22px;background:url(../../images/m/btn_topSearch.png);background-size:100%;}
header .btnSearch.on {right:21px;top:20px;background-position:left -25px;width:21px;height:20px;}
header .util {margin-bottom:10px;}
header .search_area {position:relative;height:44px;background:#fff;display:none;margin-bottom:20px;border-radius:50px;box-sizing:border-box;overflow:hidden;}
header .search_area input {height:44px;border:none;padding:0 40px 0 15px;display:inline-block;}
header .searchB {position:absolute;top:10px;width:25px;height:24px;background:url("../../images/m/btn_topSearch_gray.png") no-repeat;}
/*header .inputBtn {right:45px;background-position:center -16px;background-size:40%;}*/
header .clearBtn {right:15px;background-position:center 2px;background-size:80%;}


/* nav */
#allMenuWrap {display:none; z-index:1000;position:absolute;left:0;top:0;width:100%;height:100%;}
#allMenuWrap .allMenuArea {position:absolute;z-index:50;left:-304px;width:250px;background:#fff;}/*20190821 height:100%;*/
#allMenuWrap ul.allMenu {}
#allMenuWrap ul.allMenu > li {}
#allMenuWrap ul.allMenu > li.selected {}
#allMenuWrap ul.allMenu > li > a {display:block;padding:12px 0 13px 30px;min-height:24px;font-size:17px;font-family:'nanumb';line-height:1.4;	vertical-align:top;color:#111;border-bottom:1px solid #eee;}
#allMenuWrap ul.allMenu li > ul > li a:active,
#allMenuWrap ul.allMenu li > ul > li a:hover,
#allMenuWrap ul.allMenu li > ul > li a:visited{text-decoration:none;}
#allMenuWrap ul.allMenu > li.dep > a {background:url(../../images/m/icon_arrowG11x7.png) no-repeat 210px 50%;}
#allMenuWrap ul.allMenu li > ul {padding-bottom:16px;border-bottom:1px solid #eee;}
#allMenuWrap ul.allMenu li > ul > li {margin-top:11px;line-height:1.4;}
#allMenuWrap ul.allMenu li > ul > li:first-child {margin-top:16px;}
#allMenuWrap ul.allMenu li > ul > li a {display:block;padding-left:40px;font-size:15px;color:#666;}
#allMenuWrap ul.allMenu li > ul > li a:active,
#allMenuWrap ul.allMenu li > ul > li a:hover,
#allMenuWrap ul.allMenu li > ul > li a:visited{color:#666;}
#allMenuWrap .bg {z-index:35;position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.7; text-indent:-9999px}
#allMenuWrap .btnAllClose {z-index:50;position:absolute;left:250px;top:0;width:54px;height:54px;font-size:0;background:#009acb url(../../images/m/btn_allClose_x.png) no-repeat center center;
	background-size:18px 18px; }/*20190821*/
	

	
/* ----------------------------------------------------------------
 main_container
 -----------------------------------------------------------------*/
#contents {width:100%;margin:30px auto;padding:0 20px;box-sizing:border-box;}

.box_4menu {overflow:hidden;display:block;margin:0 0 30px;}
.box_4menu li {float:left;width:50%;}
.box_4menu li a {display:block;padding-top:25px;min-height:144px;font-size:15px;text-align:center;color:#111;font-family:'nanumb';
	border:1px solid #dedede;}
.box_4menu li:nth-child(1) a {border-width:1px 0 0 1px;background:#f8f8f8 url(../../images/m/main_contVisu01.png) no-repeat 50% 55px;background-size:85px 85px;}
.box_4menu li:nth-child(2) a {border-width:1px 1px 0 1px;background:url(../../images/m/main_contVisu02.png) no-repeat 50% 55px;background-size:85px 85px;}
.box_4menu li:nth-child(3) a {border-width:1px 0 1px 1px;background:url(../../images/m/main_contVisu03.png) no-repeat 50% 55px;background-size:85px 85px;}
.box_4menu li:nth-child(4) a {border-width:1px 1px 1px 1px;background:#f8f8f8 url(../../images/m/main_contVisu04.png) no-repeat 50% 55px;background-size:85px 85px;}

.m_notice {position:relative;}
.m_notice span {font-size:17px;font-family:'nanumb';color:#111;}
.m_notice .more {position:absolute;right:0px;font-size:13px;color:#888;}
.m_notice ul li {position:relative;padding-left:12px;font-size:14px;line-height:26px;font-family:'nanumb';text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.m_notice ul li:before {content:'';position:absolute;display:inline-block;width:4px;height:4px;background:#28324f;left:0;top:11px;}
.m_notice ul li:first-child {margin-top:8px;}

/* tab */
.tab_wrap .tab_menu.two li{width:calc(100%/2);}
.tab_wrap .tab_menu.three li{width:calc(100%/3);}
.tab_wrap .tab_menu.four li{width:calc(100%/4);}
.tab_wrap .tab_menu.five li{width:calc(100%/5);}
.tab_wrap .tab_menu.six li{width:calc(100%/6);}

.tab_wrap{position:relative;}
.tab_wrap .tab_menu {display:table;width:100%;table-layout:fixed;border-collapse:collapse;box-sizing:border-box;}
.tab_wrap .tab_menu li {display:table-cell;height:42px;font-family:'nanumb';text-align:center;line-height:40px;border:1px solid #ccc;background:#f8f8f8;}
.tab_wrap .tab_menu li.active {background:#fff;border:2px solid #28324f;border-bottom:0px solid #fff;}
.tab_wrap .tab_menu li.active a {color:#28324f;}
.tab_wrap .tab_menu li > a {display:block;}

.searchInput {position:relative;margin:10px  0 30px 0;}
.searchInput .button {position:absolute;right:0;top:0;height:38px;line-height:36px;font-family:'nanumb';color:#fff;background:#28324f;padding:0 20px;}



/* ----------------------------------------------------------------
 sub
 -----------------------------------------------------------------*/
/* search */
.tab_list {display: grid; grid-template-columns: repeat(3, 1fr); margin-bottom: 30px; text-align: center;}
.tab_list li:first-child {grid-column: 1/4}
.tab_list li a {display: block; width: 100%; height: 100%; background: #f8f8f8; border: 1px solid #ccc; position: relative; z-index: 0;}
.tab_list li a.on {background: #fff; border: 1px solid #28324f; color: #28324f; z-index: 1;}

.tabContainer {padding-bottom: 30px; border-bottom: 1px solid #333; font-size: 14px;}
.tabContainer:last-child {border-bottom: none;}

.tabTitle {display: flex; align-items: flex-end; justify-content: space-between; padding: 20px 0;}
.tabTitle h4 {font-family: "nanumb", serif; font-size: 18px; color:#333;}
.tabTitle h4 em {font-size: 18px; color: red;}
.tabTitle .btnMoreGo {padding-right:15px; font-family:"nanumb", serif; font-size:15px; color:#666; background:url(../../images/bg/icon_plusMore.png) no-repeat 100% 50%;}

.tabContent a {display: inline-flex; align-items: center;}
.tabContent p {line-height: 1.6; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.tabContent em {color: red; font-weight: inherit;}

.tabContent .subTab {display: flex; margin-bottom: 25px;}
.tabContent .subTab a {width: 200px; padding: 10px; border-bottom: 1px solid #ccc; justify-content: center; font-size: 15px; font-weight: bold;}
.tabContent .subTab a.active {border-bottom: 2px solid red; color: red;}
.tabContent .subTab a:hover {background: #fafafa;}

.tabContent .searchItem {display: flex; flex-direction: column; padding: 20px 0; border-top: 1px solid #ddd;}
.tabContent .searchItem .path {display: inline-block; color: #009acb; line-height: 1.5}
.tabContent .searchItem .title {font-size: 15px; color: #333; font-weight: bold;}
.tabContent .searchItem .bdt {margin-top: 5px;}
.tabContent .searchItem .explanation {margin-top: 5px; background: #f5f5f5 url('../../images/bg/bg_ex.png') no-repeat left 4px; border-radius: 5px; line-height: 1.6;}
.tabContent .searchItem .explanation .head {padding: 0 5px 0 20px; color: #009acb; font-weight: bold;}
.tabContent .searchItem .link {text-align: right;}
.tabContent .searchItem .link a {text-decoration: underline;}

.reference .searchItem .download span {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.reference .searchItem p {margin-left: 15px;}

/* paging */
.paging {overflow:hidden;margin:30px 0 40px;height:32px;text-align:center;}
.paging .num {display:inline-block;vertical-align:middle;} 
.paging .num a {display:inline-block;padding:0 10px;line-height:32px;margin:0 -1px;color:#888;text-align:center;} 
.paging strong {display:inline-block;padding:0 10px;line-height:32px;margin:0 -1px;font-family:'nanumb';color:#111;text-align:center;}  
.paging .btn {display:inline-block;vertical-align:top;}
.paging .btn a {display:block;width:32px;height:32px;text-indent:-9999px;background-size:32px;} 
.paging .first {background:url('../../images/m/btn_first.png') no-repeat;}
.paging .prev {margin-left:2px;margin-right:10px;background:url('../../images/m/btn_prev.png') no-repeat;}
.paging .next {margin-left:10px;background:url('../../images/m/btn_next.png') no-repeat;}
.paging .last {margin-left:2px;background:url('../../images/m/btn_last.png') no-repeat;}

.pagingT {display: flex; justify-content: center; align-items: center; margin-top: 15px;}
.pagingT button {width: 20px; aspect-ratio: 1 / 1; margin: 0 2px; background: #fff; border: 1px solid #bbb; color: #777; cursor: pointer;}
.pagingT button.active {background: #777; border: 1px solid #777; color: #fff;}

/* select menu */
.select_wrap {margin-bottom:20px;}
.sbHolder {position:relative;width:100%; height:42px;background:#28324f;box-sizing:border-box;}
.sbSelector {position:absolute;display:block;left:0;top:0;height:42px;line-height:40px;outline:none;overflow:hidden;text-indent:15px;width:100%;}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover {color:#fff;font-family:'nanumb';}
.sbToggle {position:absolute;top:0;right:0;display:block;background:url(../../images/m/select-icons.png) center -162px no-repeat;width:42px;height:42px;}
.sbToggleOpen {background:url(../../images/m/select-icons.png) center -62px no-repeat;}
.sbOptions {position:absolute;background:#28324f;top:0px;left:0px;width:100%;z-index:1000;}
.sbOptions a {border-top:dotted 1px #555d73;display:block;padding:7px 0 9px;text-indent:15px;}
.sbOptions a:link, .sbOptions a:visited {color:#bbb;}

/* 연혁보기*/
#ruleTitle_wrap {position:relative;padding-bottom:10px;border-bottom:solid 1px #dedede;}
.hist_btnCircle {display:inline-block;width:21px;height:21px;background:url(../../images/m/btn_arr_search.png) no-repeat center;vertical-align:top;margin:1px 0 0 5px;}
.hist_btnCircle.on {background:url(../../images/m/btn_arr_search_on.png) no-repeat center;}
#history_layer {position:absolute;display:none;left:0px;top:53px;background:#fff;border:1px solid #28324f;text-align:center;padding:10px 15px;z-index:990;}
#history_layer a {display:block;text-align:left;padding:3px 0;font-size:13px;line-height:1.4;color:#666;}
#history_layer a:hover {color:#28324f;text-decoration:underline;}

/* 어문규정 */
.contArea {position:relative;margin-top:20px;}
.contGroup {position:relative;}
.contArea h3, .contArea h4, .contArea h5 {font-size:15px;font-family:'nanumb';color:#009acb;}
.contArea h6 {font-size:14px;display:inline-block;font-family:'nanumb';color:#009acb;margin-right:5px;}
.contArea .tree_wrap {position:absolute;display:none;width:100%;height:450px;min-height:400px;top:45px;left:0;background:#fff;
    border:1px solid #ccc;background:#f8f8f8;padding:15px;box-sizing:border-box;z-index:100;}
.tree_box {display:relative;}
.tree_box .tree_title {font-size:15px;color:#111;font-family:'nanumb';}
.tree_box .close {position:absolute;right:15px;top:17px;width:20px;height:20px;background:url(../../images/m/btn_close.png) no-repeat;
  background-size:20px 20px; font-size:0;}
.tree_box .tree_txt {margin-top:15px;}
.contArea h5,
.contArea .black14_word {margin-top:10px;}

/* 용례검색 */
.boardSearch {border:1px solid #e1e1e1;margin-top:15px;}
.boardSearch dt, .boardSearch dd {padding:6px 10px;}
.boardSearch dt {border-bottom:1px solid #e1e1e1;}
.boardSearch dt {font-family:'nanumb';color:#555;background:#fafafa;}
.boardSearch dl {border-top:1px solid #e1e1e1;}
.boardSearch .btn_wrap {display:inline-block;margin-left:10px;}
.border_none {border:none !important;}
.toggle_B, .toggle_H , .toggle_D{display:none;}
/* 20190809 */
.toggle_B dl {display:table;width:100%;}
.toggle_B dt {display:table-cell;width:20%;border-bottom:none;text-align:center;border-right:1px solid #e1e1e1;vertical-align:middle;}
.toggle_B dd {display:table-cell;width:80%;vertical-align:middle;}

/* 체크박스 */
.td_check {position:relative;margin-top:4px;}
.td_check li {display:inline-block;width:49%;}
.td_check li:nth-child(1), .td_check li:nth-child(2) {margin-bottom:5px;}
.td_check > div > span {display:inline-block;width:49%;}
.td_check > div > span {margin-bottom:4px;}
.td_check > div > span:nth-child(1), .td_check > div > span:nth-child(2) {margin-bottom:5px;}
.td_check > span {display:inline-block;margin-right:15px;}
.td_check > span:nth-child(1), .td_check > span:nth-child(2) {margin-bottom:5px;}
.td_check > span {margin-bottom:4px;}


/* 해설 + 더 알아보기 */
.exsee_all {display:block;width:100%;font-family:'돋움', 'Helvetica', 'Sans-serif';font-size:12px;letter-spacing:-0.2px;line-height:1.6;border:3px solid #e0e0e0;padding:15px 20px;margin:10px auto;
box-sizing:border-box;}
.exsee_all .indentm-20 {text-indent: -20px !important;}

.exp_wrap {margin-bottom:15px;}
.exp_wrap .exp_tit{position:relative;font-size:12px;font-weight:bold;padding-left:20px;margin-bottom:15px;color:#888;}
.exp_wrap .exp_tit:before {content:".";position:absolute;display:inline-block;font-size:0;width:14px;height:14px;background:url('../../images/m/btn_ex_new.png') no-repeat 0 0;left:0;top:2px;}

.see_wrap {display:block;margin:0 auto;}
.see_wrap .see_tit {border-bottom:1px solid #ccc;height:21px;}
.see_wrap > .see_tit > span {display:inline-block;background:#28324f;color:#fff;font-size:12px !important;line-height:1.2 !important;height:21px;font-weight:bold;
  border-top-left-radius:5px;border-top-right-radius:5px;padding:3px 10px 0;border:1px solid #28324f;vertical-align:top;box-sizing:border-box;}
.see_wrap > .see_box {padding:15px 0 10px;}
.see_wrap > .see_box .tit_dot  {position:relative;color:#555;margin:0 0 15px;padding-left:8px;font-weight:bold;}
.see_wrap > .see_box .tit_dot:before {content:".";position:absolute;display:inline-block;width:3px;height:3px;left:0;top:7px;background:#555;font-size:0;}

.see_wrap span img {vertical-align:top;}
.see_wrap span.chin img {margin-top:3px;}
.see_wrap span.hang img {margin-top:2px;}
.see_wrap span.hang_o img {margin-top:3px;}

.exsee_all  p,
.exsee_all  ul > li,
.exsee_all div {font-size:12px;letter-spacing:-0.2px;line-height:1.7 !important;display:block;}
.exsee_all .li_two li {float:left;display:inline-block;width:50%;}
.exsee_all .li_three li {float:left;display:inline-block;width:33.3%;}
.exsee_all .li_four li {float:left;display:inline-block;width:25%;}
.exsee_all .li_five li {float:left;display:inline-block;width:20%;}
.exsee_all .li_six li {float:left;display:inline-block;width:16.6%;}
.exsee_all .li_seven li {float:left;display:inline-block;width:14.2%;}
.exsee_all .li_word li {float:left;margin-left:25px;}
.exsee_all .li_word li:first-child {margin-left:0 !important;}
.exsee_all .unline,
.exsee_all p strong {font-size:12px;}
.exsee_all .font11 {font-size:11px; vertical-align: bottom;}
.exsee_all .font_old img {vertical-align:top;margin-top:2px;}

.exsee_all .li_dt {padding-top:3px;}
.exsee_all .li_two_list {vertical-align: top;}
.exsee_all .li_two_list li {display:inline-block;margin-left:50px;width:100px;}
.exsee_all .li_two_list li:first-child {margin-left:0;}

.exsee_all .indent {text-indent:15px;}
.exsee_all .indentm {text-indent: -26px;}
.exsee_all .unline {text-decoration:underline !important;}
.exsee_all .mlr0 {margin:15px 0px;}
.exsee_all .mlr15 {margin:15px 15px;}
.exsee_all .mlr30 {margin:15px 30px;}
.exsee_all .mlr40 {margin:15px 40px;}
.exsee_all .mlr50 {margin:15px 50px;}
.exsee_all .mlr56 {margin:15px 56px;}
.exsee_all .mlt0 {margin:0px 30px;}

.exsee_all dl {display:table;width:100%;letter-spacing:-1px !important;}
.exsee_all dl dt, .exsee_all dl dd {font-size:12px;line-height:1.8;display:table-cell;vertical-align:top;}
.exsee_all .type_wf10 dl dt {width:10% !important;}
.exsee_all .type_wf13 dl dt {width:13% !important;}
.exsee_all .type_wf14 dl dt {width:14% !important;}
.exsee_all .type_wf15 dl dt {width:15% !important;}
.exsee_all .type_wf16 dl dt {width:16% !important;}
.exsee_all .type_wf17 dl dt {width:17% !important;}
.exsee_all .type_wf18 dl dt {width:18% !important;}
.exsee_all .type_wf19 dl dt {width:19% !important;}
.exsee_all .type_wf20 dl dt {width:20% !important;}
.exsee_all .type_wf21 dl dt {width:21% !important;}
.exsee_all .type_wf22 dl dt {width:22% !important;}
.exsee_all .type_wf23 dl dt {width:23% !important;}
.exsee_all .type_wf24 dl dt {width:24% !important;}
.exsee_all .type_wf25 dl dt {width:25% !important;}
.exsee_all .type_wf25_5 dl dt {width:25.5% !important;}
.exsee_all .type_wf26 dl dt {width:26% !important;}
.exsee_all .type_wf27 dl dt {width:27% !important;}
.exsee_all .type_wf28 dl dt {width:28% !important;}
.exsee_all .type_wf29 dl dt {width:29% !important;}
.exsee_all .type_wf30 dl dt {width:30% !important;}
.exsee_all .type_wf33 dl dt {width:33% !important;}
.exsee_all .type_wf40 dl dt {width:40% !important;}
.exsee_all .type_wf50 dl dt {width:50% !important;}
.exsee_all .type_wf60 dl dt {width:60% !important;}
.exsee_all .type_wf70 dl dt {width:70% !important;}
.exsee_all .type_wf80 dl dt {width:80% !important;}
.exsee_all .type_wf90 dl dt {width:90% !important;}
.exsee_all .type_wf100 dl dd {margin-left:17px;}
.exsee_all .type_wf100,
.exsee_all .type_wf100 dl dt, .exsee_all .type_wf100 dl dd {display:block;}

.exsee_all .type_wf10_left dl dt {width:20%;display:inline-block;}
.exsee_all .type_wf10_left dl dd {display:inline-block;}
.exsee_all .type_wf10_left dl {width:49%;display:inline-block;vertical-align: top;}

.exsee_all .ex_type01 {font-family:'돋움', 'Helvetica', 'Sans-serif';font-size:11px;padding:2px 2px 0px;border:1px solid #555;vertical-align:middle;border-radius:3px;line-height:1 !important;letter-spacing:-1px;}
.exsee_all .backbg {background:#f5f5f5;padding:10px 15px;margin-top:15px;letter-spacing:-1px !important;}

.exsee_all ul.dot li {position:relative;padding-left:8px;}
.exsee_all ul.dot li:before {content:".";position:absolute;display:inline-block;width:3px;height:3px;left:0;top:8px;background:#888;font-size:0;}
.exsee_all p strong {font-family:'돋움', 'Helvetica', 'Sans-serif';font-weight:bold;letter-spacing:-0.2px;}

/* table */
.exsee_board {width:100%;border:1px solid #e1e1e1 !important;border-collapse:collapse;}
.exsee_board thead th, .exsee_board thead td,
.exsee_board tbody th, .exsee_board tbody td {padding:5px 10px 5px;font-size:12px;text-align:center;border:1px solid #e1e1e1;line-height:1.2;height:27px;}
.exsee_board thead th {color:#555;background:#f6f6f6;color:#555 !important;}
.exsee_board thead td, .exsee_board tbody td {color:#666;}
.exsee_board .slash {background:#f6f6f6 url(../../../images/m/bg/slash.png) no-repeat;background-size:100% 100%;}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
  .exsee_all .ex {padding:2px 2px 1px;}
}

@supports (-ms-ime-align:auto) {
  .exsee_all .ex {padding:0px 1px 1px;}
  .see_wrap > .see_tit > span {line-height:1.3 !important;padding:1px 10px 0;}
}



/* ----------------------------------------------------------------
 pc css
 -----------------------------------------------------------------*/
/* table */
.subList_ex {margin:10px 0 0px;font-family:'돋움';font-size:12px;}
.tbl_sub01 {width:100%;font-family:'돋움';font-size:12px;line-height:1.5;border-spacing:0px;margin-bottom:15px;box-sizing:border-box;}
.tbl_sub01 thead th, .tbl_sub01 thead td, .tbl_sub01 tbody th, .tbl_sub01 tbody td  {border:1px solid #e0e0e0;border-collapse:collapse;padding:6px;text-align:center;}
.tbl_sub01 th, .tbl_sub01 th {background:#fafafa;font-weight:bold;}
.tbl_sub01 tfoot th, .tbl_sub01 tfoot td {background:#fdfdfd;}
.tbl_sub01 td.align_l {text-align:left;padding-left:15px;padding-right:15px;}

.boardList {position:relative;margin-top:30px;}
.boardList .tableList01 {margin-top:8px;border-top:2px solid #3a3a3a;text-align:center;}
.boardList .tableList01 thead th, .boardList .tableList01 thead td,
.boardList .tableList01 tbody th, .boardList .tableList01 tbody td {border:1px solid #e1e1e1;border-collapse:collapse;}
.boardList .tableList01 tbody .break-all {border:1px solid #e1e1e1;border-collapse:collapse; word-break:break-all;}
.boardList .tableList01 thead th,
.boardList .tableList01 tbody td {padding:7px 6px 9px;line-height:1.3;}
.boardList .tableList01 thead th {color:#555;vertical-align:middle;font-family:'nanumb';background:#fafafa;}
.boardList .tableList01 tbody th {color:#555;vertical-align:middle;font-family:'nanumb';background:#fafafa;}
.boardList .tableList01 tbody td a {font-family:'nanumb';text-decoration:underline;}
.boardList .tableList01 tbody td.align_l {text-align:left;padding-left:15px;padding-right:15px;height:17px}/* 20190822 */
.boardList .tableList01 tbody td.align_l a {text-decoration:none;}/* 20190822 */

.boardList td.cont {padding:15px !important;}
.boardList td.cont > .boardUl {width:100%;border:1px solid #e1e1e1;font-size:13px;text-align:left;border-collapse:collapse;}
.boardList td.cont > .boardUl > tbody > tr > th,
.boardList td.cont > .boardUl > tbody > tr > td {padding:5px 8px 6px;min-height:28px;line-height:1.5; word-break:break-all;}
.boardList td.cont > .boardUl > tbody > tr > th {color:#555;background:#fafafa;font-family:'nanumb';}


/* 규정 box */
.rule_inbox_pink,
.rule_inbox_green,
.rule_inbox_white,
.rule_inbox_blue,
.rule_inbox_gray {display:inline-block;width:100%;font-family:'돋움';font-size:12px;letter-spacing:0;padding:10px 20px;margin:10px 0;box-sizing:border-box;line-height:1.2;}

.rule_inbox_pink {background:#fffbfb;border:1px solid #f5ecea;}
.rule_inbox_pink > ul > li {float:left;margin:5px 0;color:#bc9896;}

.rule_inbox_green {background:#fbfdf5;border:1px solid #e0e9c4;}
.rule_inbox_green > ul > li {float:left;margin:5px 0;color:#8f9970;}

.rule_inbox_blue {background:#f6fcff;border:1px solid #dbe8eb;}
.rule_inbox_blue > ul > li {float:left;margin:5px 0;color:#6a8eb6;}

.rule_inbox_gray {background:#fafafa;border:1px solid #e0e0e0;}
.rule_inbox_gray > ul > li {float:left;margin:5px 0;color:#888;}

.li_sup {line-height:9px !important;}
.li_w9p li {float:left;width:9%}
.li_w10p li {float:left;width:10%}
.li_w11p li {float:left;width:11%}
.li_w12p li {float:left;width:12%}
.li_w14p li {float:left;width:14%}
.li_w15p li {float:left;width:15%}
.li_w16p li {float:left;width:16%}
.li_w17p li {float:left;width:17%}
.li_w18p li {float:left;width:18%}
.li_w20p li {float:left;width:20%}
.li_w25p li {float:left;width:25%}
.li_w30p li {float:left;width:30%}
.li_w32p li {float:left;width:32%}
.li_w33p li {float:left;width:33%}
.li_w40p li {float:left;width:40%}
.li_w50p li {float:left;width:50%}
.li_w60p li {float:left;width:60%}
.li_w70p li {float:left;width:70%}
.li_w80p li {float:left;width:80%}
.li_w90p li {float:left;width:90%}
.li_w100p li {width:100%}
.li_w_auto li {float:left;width:auto;padding-right:5px;}

.li_w25px {clear:both;}
.li_w25px li {float:left;width:25px}

.li_w30px {clear:both;}
.li_w30px li {float:left;width:30px}

.li_w40px {clear:both;}
.li_w40px li {float:left;width:40px}

/* font */
.colorBlack {color:#111 !important;}
.colorRd {color:#f33d30 !important;}
.colorBlue {color:#009acb !important;}
.colorBK {color:#333 !important;}
.itl {font-style: italic;}


/* button */
.Btn {display:inline-block;padding:0 15px;font-size:13px;font-family:'nanumb';vertical-align:top;text-align:center;border-radius:2px; height:24px}
.btn_blue {color:#009acb;border:1px solid #009acb;}
.btn_blue_bg {color:#fff;background:#009acb;border:1px solid #009acb;}

.btn_top {display:none;position:fixed;right:20px;bottom:20px;width:42px;height:42px;background: #28324f url("../../images/m/btn_top.png") center 7px no-repeat;z-index:100;border-radius:42px;}
.btn_top span {position:absolute;top:14px;left:0px;width:100%;font-family:'nanumb';color:#fff;text-align:center;font-size:12px;}

.btn_button {display:inline-block;width:26px;height:24px;vertical-align:middle;}
.btn_button.add {background:#aaa url(../../images/m/btn_add.png) no-repeat center;}
.btn_button.delete {background:#aaa url(../../images/m/btn_delete.png) no-repeat center;}
.btn_button.close {font-size:13px;display:inline-block;width:110px;background:#aaa;text-align:center;color:#fff;line-height:22px;}
.btn_search {display:inline-block;width:100%;height:38px;line-height:34px;font-family:'nanumb';color:#fff;background:#28324f;text-align:center;}

/* 20190822 */
.btnList {display:inline-block;min-width:140px;height:38px;line-height:36px;font-size:15px;font-family:"nanumb";color:#fff;border-radius:2px;text-align:center;background:#009acb;}

/* 게시판 상세화면 20190822 */
#contents .view_nav {margin-top:30px;border-top:1px solid #e1e1e1;}
#contents .view_nav li {border-bottom:1px solid #e1e1e1;padding:10px 0 12px 30px;line-height:130%;}
#contents .view_nav li.view_next span {background:url(../../images/bg/view_next.png) no-repeat left center;}
#contents .view_nav li.view_prev span {background:url(../../images/bg/view_prev.png) no-repeat left center;}
#contents .view_nav li span {padding-left:20px;padding-right:40px;font-family:"nanumb";color:#666;}
#contents .view_nav li a:hover {text-decoration:underline;}

/* Text 20190822 */  
.ta_c {text-align:center !important;}
.ta_l {text-align:left !important;}
.ta_m {text-align:middle !important;}
.vta_t {vertical-align:top !important;}
.vta_m {vertical-align:middle !important;}


/* ----------------------------------------------------------------
 footer
 -----------------------------------------------------------------*/
footer {margin-top:30px;padding:20px;position:relative;border-top:1px solid #dedede;}
footer .fbtn {margin-bottom:5px;text-align:center;}
footer .fbtn img {height:24px;}
footer .address {color:#888;}
footer .address span {display:block;text-align:center;font-family:'nanumb';}


@media only screen and (min-width: 768px){  
#history_layer {top:30px;}

}

/* 모바일 전체 수정 201903 */
@media only screen and (max-width: 750px){

/* Text */  
.mobile_wrap .ta_c {text-align:center !important;}
.mobile_wrap .ta_l {text-align:left !important;}
.mobile_wrap .m_ta_l {text-align:left !important;}
.mobile_wrap .m_ta_r {text-align:right !important;}
.mobile_wrap .vta_t {vertical-align:top !important;}
.mobile_wrap .vta_m {vertical-align:middle !important;}
.mobile_wrap .vta_b {vertical-align:bottom !important;}
.mobile_wrap .dBlock {display:block !important;}

.mobile_wrap .m_mt0 {margin-top:0px !important;}
.mobile_wrap .m_mt1 {margin-top:1px !important;}
.mobile_wrap .m_mt2 {margin-top:2px !important;}
.mobile_wrap .m_mt3 {margin-top:3px !important;}
.mobile_wrap .m_mt4 {margin-top:4px !important;}
.mobile_wrap .m_mt5 {margin-top:5px !important;}
.mobile_wrap .m_mt10 {margin-top:10px !important;}
.mobile_wrap .m_mt11 {margin-top:11px !important;}
.mobile_wrap .m_mt12 {margin-top:12px !important;}
.mobile_wrap .m_mt13 {margin-top:13px !important;}
.mobile_wrap .m_mt14 {margin-top:14px !important;}
.mobile_wrap .m_mt15 {margin-top:15px !important;}
.mobile_wrap .m_mt20 {margin-top:20px !important;}
.mobile_wrap .m_mt30 {margin-top:30px !important;}
.mobile_wrap .m_mt40 {margin-top:40px !important;}
.mobile_wrap .m_mt50 {margin-top:50px !important;}

.mobile_wrap .mt10 {margin-top:10px !important;}
.mobile_wrap .mt15 {margin-top:15px !important;}
.mobile_wrap .mt20 {margin-top:20px !important;}
.mobile_wrap .mt30 {margin-top:30px !important;}
.mobile_wrap .mt40 {margin-top:40px !important;}
.mobile_wrap .mt50 {margin-top:50px !important;}

.mobile_wrap .m_mr0 {margin-right:0px !important;}
.mobile_wrap .m_mr5 {margin-right:5px !important;}
.mobile_wrap .m_mr10 {margin-right:10px !important;}
.mobile_wrap .m_mr15 {margin-right:15px !important;}
.mobile_wrap .m_mr20 {margin-right:20px !important;}
.mobile_wrap .m_mr30 {margin-right:30px !important;}
.mobile_wrap .m_mr40 {margin-right:40px !important;}
.mobile_wrap .m_mr50 {margin-right:50px !important;}

.mobile_wrap .m_mb0 {margin-bottom:0px !important;}
.mobile_wrap .m_mb5 {margin-bottom:5px !important;}
.mobile_wrap .m_mb10 {margin-bottom:10px !important;}
.mobile_wrap .m_mb15 {margin-bottom:15px !important;}
.mobile_wrap .m_mb20 {margin-bottom:20px !important;}
.mobile_wrap .m_mb30 {margin-bottom:30px !important;}
.mobile_wrap .m_mb40 {margin-bottom:40px !important;}
.mobile_wrap .m_mb50 {margin-bottom:50px !important;}

.mobile_wrap .m_mml15 {margin-left:-15px !important;}/*20190821*/
.mobile_wrap .m_mml14 {margin-left:-14px !important;}/*20190821*/
.mobile_wrap .m_mml13 {margin-left:-13px !important;}/*20190821*/
.mobile_wrap .m_mml12 {margin-left:-12px !important;}/*20190821*/
.mobile_wrap .m_mml11 {margin-left:-11px !important;}/*20190821*/
.mobile_wrap .m_mml10 {margin-left:-10px !important;}/*20190821*/
.mobile_wrap .m_mml9 {margin-left:-9px !important;}/*20190821*/
.mobile_wrap .m_mml8 {margin-left:-8px !important;}/*20190821*/
.mobile_wrap .m_mml7 {margin-left:-7px !important;}
.mobile_wrap .m_mml6 {margin-left:-6px !important;}
.mobile_wrap .m_mml5 {margin-left:-5px !important;}
.mobile_wrap .m_mml4 {margin-left:-4px !important;}
.mobile_wrap .m_mml3 {margin-left:-3px !important;}
.mobile_wrap .m_mml2 {margin-left:-2px !important;}
.mobile_wrap .m_mml1 {margin-left:-1px !important;}
.mobile_wrap .m_ml0 {margin-left:0px !important;}
.mobile_wrap .m_ml1 {margin-left:1px !important;}
.mobile_wrap .m_ml2 {margin-left:2px !important;}
.mobile_wrap .m_ml3 {margin-left:3px !important;}
.mobile_wrap .m_ml4 {margin-left:4px !important;}
.mobile_wrap .m_ml5 {margin-left:5px !important;}
.mobile_wrap .m_ml6 {margin-left:6px !important;}
.mobile_wrap .m_ml7 {margin-left:7px !important;}
.mobile_wrap .m_ml8 {margin-left:8px !important;}
.mobile_wrap .m_ml9 {margin-left:9px !important;}
.mobile_wrap .m_ml10 {margin-left:10px !important;}
.mobile_wrap .m_ml11 {margin-left:11px !important;}
.mobile_wrap .m_ml12 {margin-left:12px !important;}
.mobile_wrap .m_ml13 {margin-left:13px !important;}
.mobile_wrap .m_ml14 {margin-left:14px !important;}
.mobile_wrap .m_ml15 {margin-left:15px !important;}
.mobile_wrap .m_ml16 {margin-left:16px !important;}
.mobile_wrap .m_ml17 {margin-left:17px !important;}
.mobile_wrap .m_ml18 {margin-left:18px !important;}
.mobile_wrap .m_ml19 {margin-left:19px !important;}
.mobile_wrap .m_ml20 {margin-left:20px !important;}
.mobile_wrap .m_ml21 {margin-left:21px !important;}
.mobile_wrap .m_ml22 {margin-left:22px !important;}
.mobile_wrap .m_ml23 {margin-left:23px !important;}
.mobile_wrap .m_ml24 {margin-left:24px !important;}
.mobile_wrap .m_ml25 {margin-left:25px !important;}
.mobile_wrap .m_ml26 {margin-left:26px !important;}
.mobile_wrap .m_ml27 {margin-left:27px !important;}
.mobile_wrap .m_ml28 {margin-left:28px !important;}
.mobile_wrap .m_ml29 {margin-left:29px !important;}
.mobile_wrap .m_ml30 {margin-left:30px !important;}
.mobile_wrap .m_ml31 {margin-left:31px !important;}
.mobile_wrap .m_ml32 {margin-left:32px !important;}
.mobile_wrap .m_ml33 {margin-left:33px !important;}
.mobile_wrap .m_ml34 {margin-left:34px !important;}
.mobile_wrap .m_ml35 {margin-left:35px !important;}
.mobile_wrap .m_ml36 {margin-left:36px !important;}
.mobile_wrap .m_ml37 {margin-left:37px !important;}
.mobile_wrap .m_ml38 {margin-left:38px !important;}
.mobile_wrap .m_ml39 {margin-left:39px !important;}
.mobile_wrap .m_ml40 {margin-left:40px !important;}
.mobile_wrap .m_ml41 {margin-left:41px !important;}
.mobile_wrap .m_ml42 {margin-left:42px !important;}
.mobile_wrap .m_ml43 {margin-left:43px !important;}
.mobile_wrap .m_ml44 {margin-left:44px !important;}
.mobile_wrap .m_ml45 {margin-left:45px !important;}
.mobile_wrap .m_ml46 {margin-left:46px !important;}
.mobile_wrap .m_ml47 {margin-left:47px !important;}
.mobile_wrap .m_ml48 {margin-left:48px !important;}
.mobile_wrap .m_ml49 {margin-left:49px !important;}
.mobile_wrap .m_ml50 {margin-left:50px !important;}
.mobile_wrap .m_ml51 {margin-left:51px !important;}
.mobile_wrap .m_ml52 {margin-left:52px !important;}
.mobile_wrap .m_ml53 {margin-left:53px !important;}
.mobile_wrap .m_ml54 {margin-left:54px !important;}
.mobile_wrap .m_ml55 {margin-left:55px !important;}
.mobile_wrap .m_ml56 {margin-left:56px !important;}
.mobile_wrap .m_ml57 {margin-left:57px !important;}
.mobile_wrap .m_ml58 {margin-left:58px !important;}
.mobile_wrap .m_ml59 {margin-left:59px !important;}
.mobile_wrap .m_ml60 {margin-left:60px !important;}
.mobile_wrap .m_ml61 {margin-left:61px !important;}
.mobile_wrap .m_ml62 {margin-left:62px !important;}
.mobile_wrap .m_ml63 {margin-left:63px !important;}
.mobile_wrap .m_ml64 {margin-left:64px !important;}
.mobile_wrap .m_ml65 {margin-left:65px !important;}
.mobile_wrap .m_ml66 {margin-left:66px !important;}
.mobile_wrap .m_ml67 {margin-left:67px !important;}
.mobile_wrap .m_ml68 {margin-left:68px !important;}
.mobile_wrap .m_ml69 {margin-left:69px !important;}
.mobile_wrap .m_ml70 {margin-left:70px !important;}

.mobile_wrap .m_pt0 {padding-top:0px !important;}
.mobile_wrap .m_pt5 {padding-top:5px !important;}
.mobile_wrap .m_pt6 {padding-top:6px !important;}
.mobile_wrap .m_pt10 {padding-top:10px !important;}
.mobile_wrap .m_pt20 {padding-top:20px !important;}
.mobile_wrap .m_pt30 {padding-top:30px !important;}
.mobile_wrap .m_pt40 {padding-top:40px !important;}
.mobile_wrap .m_pt50 {padding-top:50px !important;}

.mobile_wrap .m_pr0 {padding-right:0px !important;}
.mobile_wrap .m_pr5 {padding-right:5px !important;}
.mobile_wrap .m_pr10 {padding-right:10px !important;}
.mobile_wrap .m_pr20 {padding-right:20px !important;}
.mobile_wrap .m_pr30 {padding-right:30px !important;}
.mobile_wrap .m_pr40 {padding-right:40px !important;}
.mobile_wrap .m_pr50 {padding-right:50px !important;}

.mobile_wrap .m_pb0 {padding-bottom:0px !important;}
.mobile_wrap .m_pb5 {padding-bottom:5px !important;}
.mobile_wrap .m_pb10 {padding-bottom:10px !important;}
.mobile_wrap .m_pb20 {padding-bottom:20px !important;}
.mobile_wrap .m_pb30 {padding-bottom:30px !important;}
.mobile_wrap .m_pb40 {padding-bottom:40px !important;}
.mobile_wrap .m_pb50 {padding-bottom:50px !important;}

.mobile_wrap .m_pl0 {padding-left:0px !important;}
.mobile_wrap .m_pl5 {padding-left:5px !important;}
.mobile_wrap .m_pl10 {padding-left:10px !important;}
.mobile_wrap .m_pl15 {padding-left:15px !important;}
.mobile_wrap .m_pl20 {padding-left:20px !important;}
.mobile_wrap .m_pl22 {padding-left:22px !important;}
.mobile_wrap .m_pl30 {padding-left:30px !important;}
.mobile_wrap .m_pl40 {padding-left:40px !important;}
.mobile_wrap .m_pl50 {padding-left:50px !important;}

.mobile_wrap .m_pl_20p {padding-left:20% !important;}

.mobile_wrap .m_id_m70 {text-indent:-70px !important;}
.mobile_wrap .m_id_m27 {text-indent:-27px !important;}
.mobile_wrap .m_id_m20 {text-indent:-20px !important;}
.mobile_wrap .m_id_m19 {text-indent:-19px !important;}
.mobile_wrap .m_id_m18 {text-indent:-18px !important;}
.mobile_wrap .m_id_m17 {text-indent:-17px !important;}
.mobile_wrap .m_id_m16 {text-indent:-16px !important;}
.mobile_wrap .m_id_m15 {text-indent:-15px !important;}
.mobile_wrap .m_id_m14 {text-indent:-14px !important;}
.mobile_wrap .m_id_m13 {text-indent:-13px !important;}
.mobile_wrap .m_id_m12 {text-indent:-12px !important;}
.mobile_wrap .m_id_m11 {text-indent:-11px !important;}
.mobile_wrap .m_id_m10 {text-indent:-10px !important;}
.mobile_wrap .m_id_m9 {text-indent:-9px !important;}/*20190821*/
.mobile_wrap .m_id_m8 {text-indent:-8px !important;}/*20190821*/
.mobile_wrap .m_id_m7 {text-indent:-7px !important;}/*20190821*/
.mobile_wrap .m_id_m6 {text-indent:-6px !important;}/*20190821*/
.mobile_wrap .m_id_m5 {text-indent:-5px !important;}/*20190821*/
.mobile_wrap .m_id_m4 {text-indent:-4px !important;}/*20190821*/
.mobile_wrap .m_id_m3 {text-indent:-3px !important;}/*20190821*/
.mobile_wrap .m_id_m2 {text-indent:-2px !important;}/*20190821*/
.mobile_wrap .m_id_m1 {text-indent:-1px !important;}/*20190821*/
.mobile_wrap .m_id_m0 {text-indent:0px !important;}
.mobile_wrap .m_margin01 {margin:15px 15px 15px 35px !important;}
.mobile_wrap .m_margin02 {margin:0px 0px 0px 13px;}

.mobile_wrap .m_lineH1 {line-height:1 !important;}
.mobile_wrap .m_lineH2 {line-height:1.1 !important;}
.mobile_wrap .m_lineH3 {line-height:1.2 !important;}
.mobile_wrap .m_lineH4 {line-height:1.3 !important;}
.mobile_wrap .m_lineH5 {line-height:1.4 !important;}
.mobile_wrap .m_lineH6 {line-height:1.5 !important;}
.mobile_wrap .m_lineH7 {line-height:1.6 !important;}
.mobile_wrap .m_lineH8 {line-height:1.7 !important;}
.mobile_wrap .m_lineH9 {line-height:1.8 !important;}
.mobile_wrap .m_lineH10 {line-height:1.9 !important;}
.mobile_wrap .m_lineH11 {line-height:2 !important;}

.mobile_wrap .wd_20.font_color_sgray,
.mobile_wrap .wd_20.font_color_sblue {vertical-align:top;display:inline-block;margin-top:5px;}
.mobile_wrap .wd_20 {width:20px !important;}
.mobile_wrap .m_wf90 {width:90% !important;}
.mobile_wrap .font_color_sblue {color:#6a8eb6 !important;}
.mobile_wrap .font_color_b888 {color:#888 !important;}
.mobile_wrap .display_IB{display:inline-block !important;}
.mobile_wrap .mlr56 {margin:15px 20px 15px 40px;}
.mobile_wrap .m_mlr40 {margin:15px 20px 15px 30px;}
.mobile_wrap .m_mlr40 .indentm {text-indent:-10px;}
.mobile_wrap .black14_word > h6 > span {color:#333;margin-left:5px;}

.mobile_wrap .m_color666 {color:#666 !important;}
.mobile_wrap .font_bold {font-weight:bold;}
.mobile_wrap .w50px strong {font-family:'돋움';font-weight:bold;color:#777;}
.mobile_wrap .m_li_auto .cboth {clear:both;}

.mobile_wrap .exsee_all p img {max-width:100%;}

.mobile_wrap .black14 {font-size:14px;color:#333;line-height:1.6;font-family:'nanumb';}
.mobile_wrap .cont_tit02 {font-size:14px;font-family:'nanum';color:#333;margin-top:10px;}
.mobile_wrap .cont_tit02 b {font-size:14px !important;font-family:'nanumb';}
.mobile_wrap .cont_txt01,
.mobile_wrap .cont_txt01 li {font-family:'돋움';font-size:12px !important;color:#555 !important;}

.mobile_wrap .textA_center{text-align:center;padding:0!important;margin:0 !important;} 
.mobile_wrap .textA_center .textA_line {width:1px;background:#c7d0da;display: inline-block;}
.mobile_wrap .textA_h20 {height:20px;}
.mobile_wrap .textA_h22 {height:22px;}
.mobile_wrap .textA_h24 {height:24px;}

.mobile_wrap .li_dt {padding-top:0px !important;}
.mobile_wrap .li_two_list li {display:block !important;margin-left:0;width:100% !important;}


/* 해설 + 더 알아보기 */
.mobile_wrap .exsee_all {padding:15px 15px !important;}
.mobile_wrap .exsee_all .mlr30 {margin:15px;}
.mobile_wrap .exsee_all .mlt0 {margin:0px 15px;}
.mobile_wrap .m_inbox_h29 {min-height:29px;}
.mobile_wrap .m_br_none {display:none !important;}

.mobile_wrap .exsee_all .li_word li {float:left;margin-right:25px;margin-left:0 !important;word-break:keep-all;}
.mobile_wrap .exsee_all .li_word li:last-child {margin-right:0 !important;}

.mobile_wrap .rule_inbox_pink,
.mobile_wrap .rule_inbox_green,
.mobile_wrap .rule_inbox_white,
.mobile_wrap .rule_inbox_blue,
.mobile_wrap .rule_inbox_gray {padding:10px !important;}

.mobile_wrap .rule_inbox_pink strong,
.mobile_wrap .rule_inbox_green strong,
.mobile_wrap .rule_inbox_white strong,
.mobile_wrap .rule_inbox_blue strong,
.mobile_wrap .rule_inbox_gray strong {font-family:'돋움';font-weight:bold;}

.mobile_wrap .rule_inbox_blue ul li img {vertical-align:middle;margin-top:0px;}

.mobile_wrap .li_w16p li {width:16.5%;word-break:keep-all;}
.mobile_wrap .m_li_w20p li {width:20% !important;}
.mobile_wrap .m_li_w25p li {width:25% !important;}
.mobile_wrap .m_li_33p li,
.mobile_wrap .m_li_w33p li {width:33% !important;}
.mobile_wrap .m_li_50p li,
.mobile_wrap .m_li_w50p li {width:50% !important;}
.mobile_wrap .m_li_100p li,
.mobile_wrap .m_li_w100p li {width:100% !important;}
.mobile_wrap .m_w100p {width:100% !important;}
.mobile_wrap .w280px {width:280px !important;display:block !important;}

.mobile_wrap .exsee_all .m_type_wp21 dl dt {width:21px !important;}
.mobile_wrap .exsee_all .type_wf10 dl dt,
.mobile_wrap .exsee_all .m_type_wf18 dl dt {width:18% !important;}
.mobile_wrap .exsee_all .m_type_wf23 dl dt {width:23% !important;}
.mobile_wrap .exsee_all .m_type_wf25 dl dt {width:25% !important;}
.mobile_wrap .exsee_all .m_type_wf30 dl dt {width:30% !important;}
.mobile_wrap .exsee_all .m_type_wf32 dl dt {width:32% !important;}
.mobile_wrap .exsee_all .m_type_wf50 dl dt {width:50% !important;}
.mobile_wrap .exsee_all .m_type_wf100 dl dt,
.mobile_wrap .exsee_all .m_type_wf100 dl dd {width:100% !important;display:block;}

.mobile_wrap .exsee_all .m_li_one li {width:100%;}
.mobile_wrap .exsee_all .m_li_two li {width:50% !important;}
.mobile_wrap .exsee_all .m_li_three li {width:33.3% !important;}
.mobile_wrap .exsee_all .m_li_four li {width:25% !important;}
.mobile_wrap .exsee_all .m_li_four22 li {width:22% !important;}
.mobile_wrap .exsee_all .m_li_five20 li {width:20% !important;line-height:1.3!important;word-break:keep-all;padding-top:2px;padding-bottom:3px;}
.mobile_wrap .line_none {border:none !important;}
.mobile_wrap .line_r {border-right:1px solid #666;margin-right:25px;}

.rule_desc {width:100%;font-family:돋움;font-size:12px;line-height:1.5;border:3px solid #e0e0e0;padding:10px 15px;color:#5d5d5d;box-sizing:border-box;}
.subList_ex .rule_inbox{position:relative;font-size:12px;font-weight:bold;padding-left:20px;color:#888;line-height:1.7;}
.subList_ex .rule_inbox:before {content:".";position:absolute;display:inline-block;font-size:0;width:14px;height:14px;background:url('../../images/m/btn_ex_new.png') no-repeat 0 0;left:0;top:2px;}

.subList_ex p {display:inline-block;font-family: '돋움',Helvetica,Sans-serif;font-size:12px; line-height:1.5;word-spacing:0px;}
.rule_desc p {line-height:1.5;}
.subList_ex .rule_inbox_blue ul li,
.subList_ex .rule_inbox_gray ul li,
.subList_ex .rule_inbox_green ul li,
.subList_ex .rule_inbox_pink ul li {margin:2px 0;line-height:1.5;box-sizing:border-box;}


/* 예 */
.ex_boxA {font-size:11px !important;padding:2px 2px 1px;line-height:1 !important;border-radius:4px;margin-right:5px;margin-top:1px;}
.ex_boxA.ex_box_blue {border:1px solid #6a8eb6;color:#6a8eb6;}
.ex_boxA.ex_box_gray {border:1px solid #888;color:#777;}
.ex_boxA.ex_box_black {border:1px solid #555;color:#555;margin-right:1px !important;}

.mobile_wrap ul.ex_wrap li {position:relative;padding-left:22px;}
.mobile_wrap ul.ex_wrap li .ex_boxA {position:absolute;left:0;}
.mobile_wrap ul.ex_wrap li .ex_tit {float:left;}
.mobile_wrap ul.ex_wrap li .ex_text {margin-left:20px;display:block;}
.rule_inbox_gray .ex_wrap li span {color:#888 !important;} /* 웹용 css 추가하기 */

.mobile_wrap ul.ex_wrapL {margin-left:80px !important;}
.mobile_wrap ul.ex_wrapL li {text-indent:-60px;}
.mobile_wrap ul.ex_wrapL1 {margin-left:35px !important;}
.mobile_wrap ul.ex_wrapL1 li {text-indent:-15px;}
.mobile_wrap .ex_wrapL2 {padding-left:15px;text-indent:-15px;}


/* table */
.mobile_wrap .tbl_sub01 {width:100% !important;}
.mobile_wrap .tbl_sub01 thead th,
.mobile_wrap .tbl_sub01 thead td,
.mobile_wrap .tbl_sub01 tbody th,
.mobile_wrap .tbl_sub01 tbody td  {word-break:keep-all;color:#666;}
.mobile_wrap .exsee_board thead th,.mobile_wrap .exsee_board tbody th {font-weight:bold;}
.mobile_wrap .tbl_sub01.border_3 {border:3px solid #e0e0e0;}

.mobile_wrap .m_tbl_sub02 thead th,
.mobile_wrap .m_tbl_sub02 thead td,
.mobile_wrap .m_tbl_sub02 tbody th,
.mobile_wrap .m_tbl_sub02 tbody td {word-break:break-all;}

.mobile_wrap .exsee_all .exsee_board thead th,
.mobile_wrap .exsee_all .exsee_board thead td,
.mobile_wrap .exsee_all .exsee_board tbody th,
.mobile_wrap .exsee_all .exsee_board tbody td {padding:6px !important;line-height:1.5;height:auto;word-break:keep-all;}

.mobile_wrap .tbl_sub05 {width:100%;font-family:돋움;font-size:12px !important;text-align:left;}
.mobile_wrap .tbl_sub05 th {border:1px solid #e0e0e0;background:#fafafa;padding:7px;font-weight:bold;}
.mobile_wrap .tbl_sub05 td {border:1px solid #e0e0e0;padding:6px;vertical-align:top;line-height:22px;letter-spacing:-1px;font-size:12px !important;}
.mobile_wrap .tbl_sub05 tr.b_b_2px {border-bottom:2px solid #cacaca;}

.mobile_wrap .exsee_all .m_exsee_board thead th,
.mobile_wrap .exsee_all .m_exsee_board thead td,
.mobile_wrap .exsee_all .m_exsee_board tbody th,
.mobile_wrap .exsee_all .m_exsee_board tbody td {word-break:break-all;}

.mark1 {position:relative;}
.mark1:before {content:".";position:absolute;left:6px;top:-3px;width:1px;height:2px;display:inline-block;background:#6a8eb6;font-size:0;}
.mark1.Black:before {background:#5d5d5d !important;}

.mark2 {position:relative;}
.mark2:before {content:".";position:absolute;left:6px;bottom:-4px;width:1px;height:2px;display:inline-block;background:#555;font-size:0;}
pre.height {line-height:23px;}
.mark3 {position:relative;}
.mark3:before {content:".";position:absolute;left:3px;top:-3px;width:2px;height:2px;display:inline-block;border: 1px solid #6a8eb6;font-size:0;border-radius:6px;}
.mark2_eng {position:relative;}
.mark2_eng:before {content:".";position:absolute;left: 3px;bottom:-4px;width:1px;height:2px;display:inline-block;background:#555;font-size:0;}
.text_ul {text-decoration:underline !important;}

.exsee_all .font11 {font-size:11px;vertical-align:middle;display:inline;}
.mobile_wrap .font12 {font-size:12px !important;}

.mobile_wrap sup {font-family:'돋움';}
.mobile_wrap .sup_txt {font-size:11px;line-height:1.7;}

.mobile_wrap .point_dot {display:inline-block;line-height:1.1 !important;vertical-align:top;}
.mobile_wrap .point_dot.lineH17 {line-height:1.7 !important;}
.mobile_wrap .point_dot.lineH16 {line-height:1.6 !important;}
.mobile_wrap .point_dot.lineH15 {line-height:1.5 !important;}
.mobile_wrap .point_dot.lineH14 {line-height:1.4 !important;}
.mobile_wrap .point_dot.lineH13 {line-height:1.3 !important;}
.mobile_wrap .point_dot.lineH12 {line-height:1.2 !important;}
.mobile_wrap .point_dot.lineH1 {line-height:1 !important;}
.mobile_wrap .point_dot.lineH09 {line-height:0.9 !important;}
.mobile_wrap .point_dot.lineH08 {line-height:0.8 !important;}
.mobile_wrap .point_dot.lineH07 {line-height:0.7 !important;}
.mobile_wrap .point_dot.lineH06 {line-height:0.6 !important;}
.mobile_wrap .point_dot.lineH05 {line-height:0.5 !important;}
.mobile_wrap .point_dot.lineH04 {line-height:0.4 !important;}
.mobile_wrap .imgtxt_01 {vertical-align:bottom;line-height:1.6;display:inline-block;}

.mobile_wrap .letter0 {letter-spacing:0.7px !important;}

.top_bar_fix{position:fixed; top:0; left:0; width:100%; padding:10px 20px; z-index:110; box-sizing: border-box; background:#fff;}

}