/* 
--------------------------------------------------------------------------------
*/

#aside {display: none;}

#menuUItop .top_div .ul_1 li:last-child{display: none;}

strong, h2, h3, h4{font-weight:600}
._contentBuilder ._obj._objHtml, 
._contentBuilder ._obj._objTag{
  font-size: 15px;
  line-height: 1.6;
  color: #666;
}
a:hover{
  color:#0055bc;
}
#contentWrap #contentsEditHtml {
  font-size: 15px;
  line-height: 1.6;
  color: #666;
}

.hiddenT {
  position: absolute;
  top: 0;
  left: 0;
  text-indent: -5000px;
}

body.Mobile {
  min-width: 320px;
}

#masterTab .objHeading_h2,
#_contentBuilder .objHeading_h2 {
  font-size: 18px;
  color: #629ddb;
  background: url('./../../images/common/objHeading_h2Bg.png') left 0 no-repeat;
  line-height:1.2;
  margin-bottom:15px;
  padding:20px 0  0 20px;
}

#_contentBuilder .objHeading_h3 {
  font-size: 16px;
  color: #303131;
  line-height:1.2;
  padding: 10px 0 0 0;
  background: url('./../../images/common/objHeading_h3Bg.png') left 2px no-repeat;
  font-weight:600;
  margin-bottom: 15px;
}

#_contentBuilder .objHeading_h4 {
  font-size: 15px;
  color: #17a88e;
  line-height:1.2;
  padding: 0 0 0 15px;
  margin-bottom:0;
  background: url('./../../images/common/objHeading_h4Bg.png') left 5px no-repeat;
}

#contentsEditHtml .ul_1,#contentsEditHtml .ul_2,#contentsEditHtml .ul_3,#contentsEditHtml .ol_1{
  margin-top:10px;
}
#contentsEditHtml .ul_1 > li{
  background: url('./../../images/common/contents_ul.png') left 7px no-repeat;
  padding-left:15px;
  margin-bottom:10px;
}
#contentsEditHtml .ul_2 > li{
  background: url('./../../images/common/contents_ul_2.png') left 10px no-repeat;
  padding-left:12px;
  margin-bottom:10px;
}
#contentsEditHtml .ul_3 > li{
  background: url('./../../images/common/contents_ul_3.png') left 10px no-repeat;
  padding-left:12px;
  margin-bottom:10px;
}
#contentsEditHtml .ul_4 > li{
  margin-bottom:10px;
}
#contentsEditHtml .ol_1{
  /*padding-left:20px !important;
  list-style-type: decimal !important;*/
}
#contentsEditHtml .ol_1 > li{
  list-style: inherit;
  margin-bottom:10px;
  position: relative;
}
#contentsEditHtml .ol_1 > li > span{
  display:inline-block;
  background-color:#c6c6c6;
  border-radius:100%;
  padding:5px;
  width:23px;
  height:23px;
  line-height:1;
  font-size:12px;
  vertical-align:middle;
  text-align:center;
  font-weight:600;
  color:#fff;
  box-sizing:border-box;
  position: absolute;
  left: 0;
  top: 1px;
}
#contentsEditHtml .ol_2{
  margin-left:20px;
}
#contentsEditHtml .ol_2 > li {
  margin-bottom:10px;
}

#_contentBuilder .note_01, #_contentBuilder .note_02 {
  font-size: 13px;
  padding-left: 25px;
  margin: 7px 0;
}

#_contentBuilder .note_01 {
  color: #e60012;
  background: url('./../../images/common/note_01.png') left 1px no-repeat;
}

#_contentBuilder .note_02 {
  color: #002e8d;
  background: url('./../../images/common/note_02.png') left 1px no-repeat;
}

/* sub_margin */
.marR10 {
  margin-right: 10px !important;
}

._contentBuilder ._obj .marB10 {
  margin-bottom: 10px !important;
}

._contentBuilder ._obj .marB20 {
  margin-bottom: 20px !important;
}

._contentBuilder ._obj .marB30 {
  margin-bottom: 30px !important;
}

._contentBuilder ._obj .marB40 {
  margin-bottom: 40px !important;
}

._contentBuilder ._obj .marB50 {
  margin-bottom: 50px !important;
}

._contentBuilder ._obj .marT10 {
  margin-top: 10px !important;
}

._contentBuilder ._obj .marT20 {
  margin-top: 20px !important;
}

._contentBuilder ._obj .marT30 {
  margin-top: 30px !important;
}

._contentBuilder ._obj .marT40 {
  margin-top: 40px !important;
}

._contentBuilder ._obj .marT50 {
  margin-top: 50px !important;
}

/* sub_table */
table col.auto {
  width: auto;
}

table col.w5per {
  width: 5%;
}

table col.w8per {
  width: 8%;
}

table col.w10per {
  width: 10%;
}

table col.w13per {
  width: 13%;
}

table col.w15per {
  width: 15%;
}

table col.w18per {
  width: 18%;
}

table col.w20per {
  width: 20%;
}

table col.w23per {
  width: 23%;
}

table col.w25per {
  width: 25%;
}

table col.w30per {
  width: 30%;
}

table col.w35per {
  width: 35%;
}

table col.w40per {
  width: 40%;
}

table col.w50per {
  width: 50%;
}

table col.w60per {
  width: 60%;
}

table col.w70per {
  width: 70%;
}

table col.w80per {
  width: 80%;
}

table col.w90per {
  width: 90%;
}

._contentBuilder ._obj._objHtml .tableWrap,
._contentBuilder ._obj._objTag .tableWrap,
._contentBuilder .tableWrap {
  overflow: hidden;
  border-top-color: #2460db;
  border-top-style: solid;
  border-top-width: 1px;
  border-left-color: #FFF;
  border-left-style: solid;
  border-left-width: 0px;
}

._contentBuilder ._obj._objHtml .tableWrap table,
._contentBuilder ._obj._objTag .tableWrap table,
._contentBuilder .tableWrap table {
  background-color: #fff;
  margin-left: -1px;
  margin-bottom: 15px;
}

._contentBuilder ._obj._objHtml .tableWrap table th,
._contentBuilder ._obj._objHtml .tableWrap table td,
._contentBuilder ._obj._objTag .tableWrap table th,
._contentBuilder ._obj._objTag .tableWrap table td,
._contentBuilder .tableWrap table th,
._contentBuilder .tableWrap table td {
  border-width: 0 0 1px 1px !important;
  border-color: #cecece !important;
  border-style: solid;
  width: auto;
  padding: 15px 10px;
  font-size: 14px;
}

._contentBuilder ._obj._objHtml .tableWrap table thead th,
._contentBuilder ._obj._objTag .tableWrap table thead th,
._contentBuilder .tableWrap table thead th {
  text-align: center;
  color: #1d60af;
  background-color: #f2f9fd;
  font-size: 14px;
}

._contentBuilder ._obj._objHtml .tableWrap table tbody th,
._contentBuilder ._obj._objTag .tableWrap table tbody th,
._contentBuilder .tableWrap table tbody th {
  text-align: center;
  color: #1d60af;
  background-color: #f2f9fd;
  font-size: 14px;
}

._contentBuilder ._obj._objHtml .tableWrap table tbody th label,
._contentBuilder ._obj._objTag .tableWrap table tbody th label,
._contentBuilder .tableWrap table tbody th label {
  color: #333;
}

._contentBuilder ._obj._objHtml .tableWrap table tbody tr.bg01 th,
._contentBuilder ._obj._objHtml .tableWrap table tbody tr.bg01 td,
._contentBuilder ._obj._objTag .tableWrap table tbody tr.bg01 th,
._contentBuilder ._obj._objTag .tableWrap table tbody tr.bg01 td {
  background-color: #fafafa !important;
}

._contentBuilder ._obj._objHtml .tableWrap table tbody td input.input,
._contentBuilder .tableWrap table tbody td input.input,
._contentBuilder ._obj._objHtml .tableWrap table tbody td select,
._contentBuilder .tableWrap table tbody td select {
  border: 1px solid #cfcfcf;
  height: 40px;
  line-height: 40px;
  width: 30%;
  margin-right: 10px;
  color: #383838;
}

._contentBuilder ._obj._objHtml .tableWrap table tbody td ul.check_list,
._contentBuilder .tableWrap table tbody td ul.check_list {
  overflow: hidden;
}

._contentBuilder ._obj._objHtml .tableWrap table tbody td ul.check_list li,
._contentBuilder .tableWrap table tbody td ul.check_list li {
  float: left;
  box-sizing: border-box;
  padding-right: 20px;
  margin: 5px 0;
}

._contentBuilder ._obj._objHtml .tableWrap table tbody td ul.check_list li label,
._contentBuilder .tableWrap table tbody td ul.check_list li label {
  margin-left: 5px;
  vertical-align: middle;
}

._contentBuilder ._obj._objHtml table .alignL,
._contentBuilder table .alignL {
  text-align: left !important;
}

._contentBuilder ._obj._objHtml table .alignR,
._contentBuilder table .alignR {
  text-align: right !important;
}

._contentBuilder ._obj._objHtml table .alignC,
._contentBuilder table .alignC {
  text-align: center !important;
}

._contentBuilder ._obj .tableWrap .under {
  margin-top: 5px;
}

/*테이블 위 단위 우정렬*/
._contentBuilder ._obj .tableWrap .over {
  text-align: right;
  font-size: 13px;
  margin-bottom: 5px;
}

._contentBuilder ._obj._objHtml .tableWrap table .line_no {
  border-bottom: 0 !important;
}

._contentBuilder ._obj._objHtml .tableWrap.f14 *,
._contentBuilder ._obj._objTag .tableWrap.f14 *,
._contentBuilder .tableWrap.f14 * {
  font-size: 14px;
}

._contentBuilder ._obj._objHtml .tableWrap.f13 *,
._contentBuilder ._obj._objTag .tableWrap.f13 *,
._contentBuilder .tableWrap.f13 * {
  font-size: 13px;
}

._contentBuilder ._obj._objHtml .tableWrap.f13td tbody td,
._contentBuilder ._obj._objTag .tableWrap.f13td tbody td,
._contentBuilder .tableWrap.f13td tbody td {
  font-size: 13px;
}

._contentBuilder ._obj._objHtml .vaT table tbody td,
._contentBuilder .vaT table tbody td {
  vertical-align: top;
}

/* 테이블 스타일2 class="sty02" */
._contentBuilder ._obj._objHtml .tableWrap.sty02, ._contentBuilder ._obj._objTag .tableWrap.sty02, ._contentBuilder .tableWrap.sty02 {
  border-top-color: #353e4d !important;
}

._contentBuilder ._obj._objHtml .tableWrap.sty02 table th, ._contentBuilder ._obj._objHtml .tableWrap.sty02 table td, ._contentBuilder ._obj._objTag .tableWrap.sty02 table th, ._contentBuilder ._obj._objTag .tableWrap.sty02 table td, ._contentBuilder .tableWrap.sty02 table th, ._contentBuilder .tableWrap.sty02 table td {
  padding: 14px 10px 13px;
}

._contentBuilder ._obj._objHtml .tableWrap.sty02 table tbody th, ._contentBuilder ._obj._objTag .tableWrap.sty02 table tbody th, ._contentBuilder .tableWrap.sty02 table tbody th {
  background-color: #fff;
}

._contentBuilder ._obj._objHtml .tableWrap.sty02 table thead th, ._contentBuilder ._obj._objTag .tableWrap.sty02 table thead th, ._contentBuilder .tableWrap.sty02 table thead th {
  background-color: #ededed;
}

/* 테이블 스타일2 class="sty03" */
._contentBuilder ._obj._objHtml .tableWrap.sty03, ._contentBuilder ._obj._objTag .tableWrap.sty03, ._contentBuilder .tableWrap.sty03 {
  border-top-color: #a0a0a0 !important;
}

._contentBuilder ._obj._objHtml .tableWrap.sty03 table th, ._contentBuilder ._obj._objHtml .tableWrap.sty03 table td, ._contentBuilder ._obj._objTag .tableWrap.sty03 table th, ._contentBuilder ._obj._objTag .tableWrap.sty03 table td, ._contentBuilder .tableWrap.sty03 table th, ._contentBuilder .tableWrap.sty03 table td {
  padding: 14px 10px;
}

._contentBuilder ._obj._objHtml .tableWrap.sty03 table tbody th, ._contentBuilder ._obj._objTag .tableWrap.sty03 table tbody th, ._contentBuilder .tableWrap.sty03 table tbody th {
  color: #505050;
  background-color: #fafafa;
}

._contentBuilder ._obj._objHtml .tableWrap.sty03 table tbody td, ._contentBuilder ._obj._objTag .tableWrap.sty03 table tbody td, ._contentBuilder .tableWrap.sty03 table tbody td {
  color: #9c9c9c;
}

._contentBuilder ._obj._objHtml .tableWrap.sty03 table thead th, ._contentBuilder ._obj._objTag .tableWrap.sty03 table thead th, ._contentBuilder .tableWrap.sty03 table thead th {
  background-color: #ededed;
}

/* 테이블 가로 스크롤 */
body.Mobile .tableWrap{
  position: relative;
  overflow-x: scroll !important;
  overflow-y: hidden;
  width: 100%;
}

body.Mobile .tableWrap table,
body.Mobile ._articleTable table,
body.Mobile .tableWrap .under {
  position: relative;
  min-width: 600px;
}

body.Mobile ._mojList,
body.Mobile ._mojView {
  overflow-x: hidden !important;
  background: none;
  padding-top: 0;
}

body.Mobile ._mojList form table,
body.Mobile ._mojView form table {
  position: relative;
  min-width: 100%;
}

body.Mobile .tableWrap.noScroll {
  overflow-x: hidden !important;
  background: none;
  padding-top: 0;
}

body.Mobile .tableWrap.noScroll table,
body.Mobile .tableWrap.noScroll .under {
  min-width: 0px;
}

/* sub_text box */
.textbox_wrap {
  border: 1px solid #d9dee2;
  background-color: #f7f7f7;
  position: relative;
  padding: 20px 40px;
  display: table;
  width: 100%; 
  box-sizing: border-box;
}

.textbox_wrap:before, .textbox_wrap:after {
  content: "";
  position: absolute;
  background: url('./../../images/common/textBox_edge.png') left top no-repeat;
  width: 15px;
  height: 15px;
}

.textbox_wrap:before {
  top: -1px;
  left: -1px;
}

.textbox_wrap:after {
  bottom: -1px;
  right: -1px;
  background-position: right bottom;
}
.textbox_wrap .thum{
  margin-right:40px;
}
.textbox_wrap .wrap {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  height: 70px;
}
.textbox_wrap.iconNo{
  border:none;
  background-color:#f3f9ff;
}
.textbox_wrap.iconNo .wrap {
  padding-left: 0;
}
.textbox_wrap.iconNo .wrap:before {
  display:none !important;
}

.textbox_wrap.type01 .wrap:before {
  background-position: left top;
}

.textbox_wrap.type02 .wrap:before {
  background-position: -70px top;
}

.textbox_wrap.type03 .wrap:before {
  background-position: -140px top;
}

.textbox_wrap.type04 .wrap:before {
  background-position: -210px top;
}

.textbox_wrap.type05 .wrap:before {
  background-position: -280px top;
}

.textbox_wrap.type06 .wrap:before {
  background-position: -350px top;
}

.textbox_wrap.type07 .wrap:before {
  background-position: -420px top;
}

.textbox_wrap.type08 .wrap:before {
  background-position: -490px top;
}

.textbox_wrap.type09 .wrap:before {
  background-position: -560px top;
}

.textbox_wrap.type10 .wrap:before {
  background-position: -630px top;
}

.textbox_wrap.type11 .wrap:before {
  background-position: -700px top;
}

.textbox_wrap .wrap .title {
  color: #0055bc;
  font-size: 22px;
  font-weight: 600;
  margin-bottom:10px;
}
.textbox_wrap .wrap .objHeading_h4{
  color: #0055bc !important;
  font-size: 19px !important;
  font-weight:600;
}

.textbox_wrap .wrap>ul>li {
  background: url('./../../images/common/textBox_ul.png') left 9px no-repeat;
  padding-left: 15px;
  margin: 5px 0;
}

.textbox_wrap .wrap>ul>li>ul.ul_2 {
  margin-top: 7px;
}

.textbox_wrap .wrap>ul>li>ul.ul_2 li {
  color: #888;
}

.textbox_wrap .wrap>ul>li>ul.ul_2 li strong {
  color: #444;
  font-weight: 400;
}

.textbox_wrap .wrap>ul {
  overflow: hidden;
}

.textbox_wrap .wrap>ul.w3>li {
  float: left;
  width: 33.3%;
  box-sizing: border-box;
  padding: 0 10px;
  margin: 7px 0 !important;
  word-break: keep-all;
  text-align: left;
}

body.Desktop .textbox_wrap .wrap>ul.w3>li:nth-child(3n+1) {
  clear: both;
}

.textbox_wrap .borderT {
  border-top: 1px dashed #ddd;
  padding-top: 15px;
  margin-top: 10px;
  color: #333;
  font-size: 14px;
}

.page_ready {
  text-align:center;
}
.page_ready h3{
  color:#1b32ab;
  font-size:23px;
  margin:20px 0;
}
.page_ready p{
  font-size:16px;
}

@media all and (max-width: 639px) {
  .textbox_wrap			{display:block; padding:15px;}
  .textbox_wrap .thum	{margin-right:0;display:block;text-align:center;margin:20px 0 30px;width: 100%;}
  .textbox_wrap .wrap	{display:block;height:auto;width: 100%;/* float: left; */clear: both;}
  .textbox_wrap .thum img{max-width: 100%;}	
}
a.down-text					{color:#0055bc;text-decoration:underline;font-weight:600;padding:2px 5px;transition:ease all 0.3s;border-radius: 3px;}
a.down-text:hover			{ color:#fff; background:#0055bc;  text-decoration:none;}
a.down-text:after			{content:''; width:16px; height:15px; display:inline-block; background:url(./../../images/common/btn_down.png) no-repeat; vertical-align:middle; margin:-4px 0 0 5px;}
a.down-text:hover:after		{background:url(./../../images/common/btn_downw.png) no-repeat;}
a.blank-text				{color:#0055bc;text-decoration:underline;padding:2px 5px;font-weight:600;transition:ease all 0.3s;border-radius: 3px;}
a.blank-text:hover			{ color:#fff; background:#0055bc;  text-decoration:none;}
a.blank-text:after			{content:''; width:16px; height:15px; display:inline-block; background:url(./../../images/common/btn_blankB.png) no-repeat; vertical-align:middle; margin:-4px 0 0 5px;}
a.blank-text:hover:after		{background:url(./../../images/common/btn_blankW.png) no-repeat;}

/*btn-type*/
.btnType						{display:inline-block; text-decoration:none; color:#999; padding:0 35px; line-height:42px; font-size:15px; position:relative; background-color:#fff;}
.btnType.btn-lineBox		{border:1px solid #ddd; line-height:40px;}
.btnType.img-Btn			{padding: 0 40px 0 20px;}
.btnType.img-Btn:after		{content:''; width:16px; height:16px; display:block; position:absolute; right:15px; top:50%; margin-top:-8px;}
.btnType.middle			{line-height:28px; border-radius:5px;}

.btnType:hover				{opacity:0.7; transition:ease all 0.3s;}
/*icon*/
.btn_blankW:after			{background:url(./../../images/common/btn_blankW.png) no-repeat; }
.btn_blankB:after			{background:url(./../../images/common/btn_blankB.png) no-repeat; }
.btn_down:after			{background:url(./../../images/common/btn_down.png) no-repeat; }
.btn_downW:after			{background:url(./../../images/common/btn_downw.png) no-repeat; }
.btn_plus:after			{background:url(./../../images/common/btn_plus.png) no-repeat; }
.btn_preveiw:after			{background:url(./../../images/common/btn_preveiw.png) no-repeat; }
.btn_whitearr:after			{background:url(./../../images/common/btn_whitearr.png) no-repeat; }

.point 	{background:url(./../../images/common/point-icon.png) left center no-repeat; padding-left:30px; color:#0055bc;}

/*bgcolor*/
a.btn-color-0055bc			{background-color:#0055bc; color:#fff;}
a.btn-color-0091d4			{background-color:#0091d4; color:#fff;}
a.btn-color-5073b3			{background-color:#5073b3; color:#fff;}
a.btn-color-054073			{background-color:#054073; color:#fff;}
a.btn-color-24262a			{background-color:#24262a; color:#fff;}
a.btn-color-4e4e4e			{background-color:#4e4e4e; color:#fff;}
a.btn-color-ebebeb			{background-color:#ebebeb; color:#666;}
a.btn-color-f8f8f8			{background-color:#f8f8f8; color:#666;}
a.btn-color-f3f9ff				{background-color:#f3f9ff; color:#666;}
a.btn-color-ff9801			{background-color:#ff9801; color:#fff;}
a.btn-fcolor-0054a6			{color:#0054a6 !important;}
a.btn-fcolor-0054a6			{color:#0054a6 !important;}

/*font-color*/
.font-color-0055bc			{ color:#0055bc;} /*조선대 컬러 파랑*/
.font-color-ff9801			{color:#ff9801;}/*오렌지컬러*/

.floatR{float:right;}


/*login*/
.loginWrap p.note	{font-weight: 400;    font-size: 15px;}
.loginWrap ul.dot > li{font-weight:400; font-size:14px;}
.loginWrap .certi p	{word-break: keep-all;}

.alignC{text-align:center;}
.trBg{background: #ecf5ff;}

.top-tab .row{border:1px solid #cfcfcf !important;border-bottom:1px solid #676767 !important;box-sizing:border-box;}
.top-tab .row a.on{color:#fff !important;background:#004a98 url('/sites/web-app/images/contents/icon-cate.png') no-repeat 85% center!important;padding:13px 35px 13px 25px;}
.top-tab.dep2 .row a:nth-child(2).dep-on{color:#fff !important;background:#004a98 !important;}
.top-tab.dep2 .row a:nth-child(2).dep-on:before,
.top-tab.dep2 .row a:nth-child(2).dep-on:after{display:none;}
.top-tab .row a.on:after{display:none !important;}
.top-tab .row a{font-size:15px !important;background:none !important;border:0 !important;padding:13px 20px;}
.top-tab .row a + a{border-right:0;}
.top-tab .row a + a:before{content:'';width:0;height: 3px;background:#004a98;position:absolute;bottom: 5px;left:20px;transition:all ease .5s;}
.top-tab .row a + a:hover:before{width: calc(100% - 40px);}
.top-tab .row a + a:after{content:'';width:1px;height:10px;background:#ccc;position:absolute;top: 19px;right:0;}
.top-tab .row a + a:nth-last-child(1):after{display:none;}

.templet_pc								{overflow:hidden;margin:0 auto;}
.templet_pc > ul						{padding:15px 20px;box-sizing: border-box;}
.templet_pc > ul > li					{width:50%; float:left; box-sizing:border-box; padding:10px; margin-bottom:30px;}
.templet_pc ul li .inner				{padding: 1px;background-color: #CCC;} 
.templet_pc ul li .inner:hover		{background-color:#005fca;} 
.templet_pc ul li .thum					{height:250px;overflow:hidden;}
.templet_pc ul li .thum img			{width:100%;transition:all ease .3s;}
.templet_pc ul li:hover .thum img {transform:scale(1.1);}
.templet_pc ul li .inner div 			{position:relative;background-color: #e3e3e3;} 
.templet_pc ul li .inner div span	{display:block;padding: 25px 15px;font-weight: 600;font-size: 22px;color: #333;} 
.templet_pc ul li .inner div ul		{position:absolute;right: 20px;top: 22.5px;}
.templet_pc ul li .inner div ul li	{display:inline-block; float:left; margin:2px;}
.templet_pc ul li .inner div ul li a	{display:block;color: #fff;padding: 10px 5px;box-sizing: border-box;background: #0054a7;width: 65px;border-radius: 10px;text-align: center;font-size: 16px;}
.templet_pc ul li .inner div ul li.sub a{background:#17a7bc;}
.templet_pc ul li .inner div ul li.pc a{background:url(/sites/temp/images/pc-btn.png) no-repeat;}
.templet_pc ul li .inner div ul li.tab a{background:url(/sites/temp/images/tab-btn.png) no-repeat;}
.templet_pc ul li .inner div ul li.mobile a{background:url(/sites/temp/images/mo-btn.png) no-repeat;}

@media all and (max-width: 767px) {
  .top-tab .row a + a:after{display:none;}

  .templet_pc > ul > li{width:100%;float:none;}
  .templet_pc ul li .thum{height:auto;}
  .templet_pc ul li .inner div span{height: 140px;}
  .templet_pc ul li .inner div ul{top:70px;width:80%;left:50%;transform:translate(-50%, 0);}
  .templet_pc ul li .inner div ul li{width:100%;display:block;}
  .templet_pc ul li .inner div ul li a{width:100%;}
}

















/* Space */
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}
.mt35 {margin-top: 35px;}
.mt40 {margin-top: 40px;}
.mt45 {margin-top: 45px;}
.mt50 {margin-top: 50px;}
.mt55 {margin-top: 55px;}
.mt60 {margin-top: 60px;}
.mt65 {margin-top: 65px;}
.mt70 {margin-top: 70px;}
.mt75 {margin-top: 75px;}
.mt80 {margin-top: 80px;}
.mt85 {margin-top: 85px;}
.mt90 {margin-top: 90px;}
.mt95 {margin-top: 95px;}
.mt100 {margin-top: 100px;}

.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb35 {margin-bottom: 35px;}
.mb40 {margin-bottom: 40px;}
.mb45 {margin-bottom: 45px;}
.mb50 {margin-bottom: 50px;}
.mb55 {margin-bottom: 55px;}
.mb60 {margin-bottom: 60px;}
.mb65 {margin-bottom: 65px;}
.mb70 {margin-bottom: 70px;}
.mb75 {margin-bottom: 75px;}
.mb80 {margin-bottom: 80px;}
.mb85 {margin-bottom: 85px;}
.mb90 {margin-bottom: 90px;}
.mb95 {margin-bottom: 95px;}
.mb100 {margin-bottom: 100px;}

.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.ml25 {margin-left: 25px;}
.ml30 {margin-left: 30px;}
.ml35 {margin-left: 35px;}
.ml40 {margin-left: 40px;}
.ml45 {margin-left: 45px;}
.ml50 {margin-left: 50px;}
.ml55 {margin-left: 55px;}
.ml60 {margin-left: 60px;}
.ml65 {margin-left: 65px;}
.ml70 {margin-left: 70px;}
.ml75 {margin-left: 75px;}
.ml80 {margin-left: 80px;}
.ml85 {margin-left: 85px;}
.ml90 {margin-left: 90px;}
.ml95 {margin-left: 95px;}
.ml100 {margin-left: 100px;}

.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr25 {margin-right: 25px;}
.mr30 {margin-right: 30px;}
.mr35 {margin-right: 35px;}
.mr40 {margin-right: 40px;}
.mr45 {margin-right: 45px;}
.mr50 {margin-right: 50px;}
.mr55 {margin-right: 55px;}
.mr60 {margin-right: 60px;}
.mr65 {margin-right: 65px;}
.mr70 {margin-right: 70px;}
.mr75 {margin-right: 75px;}
.mr80 {margin-right: 80px;}
.mr85 {margin-right: 85px;}
.mr90 {margin-right: 90px;}
.mr95 {margin-right: 95px;}
.mr100 {margin-right: 100px;}


.wrap-contents .container {max-width:1400px;}

.icon-box02{padding:30px; background-color:#f5f5f5; border:1px solid #ddd;}
.icon-box02 .inner{overflow:hidden;}
.icon-box02 .icon{float:left; margin-right:60px; overflow:hidden;  background:url(/sites/web-center/images/sub/icon_bg.png) center center no-repeat; position:relative; width:160px; height:160px;}
.icon-box02 .icon img{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)}
.icon-box02 .text{display:table-cell; vertical-align: top; position:relative;}
.icon-box02 .text .cont{color: #333;}

.icon-box{overflow:hidden; position:relative; line-height:1.6;}
.icon-box .title{display:block; font-size:23px; margin-bottom:10px; color:#1f59ad; font-weight:500; font-family: 'Noto Regular';}
.icon-box .li-list{display:table; table-layout:fixed; width:calc(100%);}
.icon-box .li-list li{display:table-cell; border-left:1px solid #ddd; padding-left:20px;}
.icon-box .li-dot{margin-top:20px;}
.icon-box .li-dot li{position:relative; padding-left:15px;}
.icon-box .li-dot li:before{content:''; width:5px; height:5px; display:block; border-radius:100%; position:absolute; left:0; top:10px; background-color:#618e9b}
.icon-box .box-btn{margin-top:20px;}
.icon-box .box-btn a{display:inline-block; padding:2px 10px 2px 35px; font-size:17px; border:1px solid #afafaf; border-radius:5px;}
.icon-box .box-btn a.down{background:#fff url(/sites/web-center/images/sub/box-btn-down.png) 10px center no-repeat;}
.icon-box .box-btn a.link{background:#fff url(/sites/web-center/images/sub/box-btn-link.png) 10px center no-repeat;}
 

.wrap-contents .con-btn.right {text-align:right;}
.wrap-contents .con-btn.right .btn-style {margin-right: 10px;}

.wrap-contents .btn-style {font-family:'Noto DemiLight'; color:#43505d; padding:10px 20px 10px 45px; margin-left: 0px; font-size:15px;}
.wrap-contents .btn-style.small {font-size:14px; padding:6px 10px 6px 30px;}

.wrap-contents .btn-style.type1 {display:inline-block; position:relative; background:url('../../images/common/bg_btn.png') repeat left 8px; border:1px solid #ddd;}
.wrap-contents .btn-style.type1:after {content:''; position:absolute; left:14px; top:11px; width:22px; height:23px; background:url('../../images/common/ico_btn1.png') no-repeat center center;}
.wrap-contents .btn-style.type1:hover:after {background:url('../../images/common/ico_btn1_ov.png') no-repeat center center;}
.wrap-contents .btn-style.type1:hover {background:#1c3d8d; color:#fff; transition:all 0.3s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-contents .btn-style.type1.small:after {width:15px; height:16px; background-size:contain; left:9px; top:9px;}

.wrap-contents .btn-style.type2 {display:inline-block; position:relative; background:url('../../images/common/bg_btn.png') repeat left 8px; border:1px solid #ddd;}
.wrap-contents .btn-style.type2:after {content:''; position:absolute; left:14px; top:9px; width:22px; height:23px; background:url('../../images/common/ico_btn2.png') no-repeat center center;}
.wrap-contents .btn-style.type2:hover:after {background:url('../../images/common/ico_btn2_ov.png') no-repeat center center;}
.wrap-contents .btn-style.type2:hover {background:#183d93; color:#fff; transition:all 0.3s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-contents .btn-style.type2.small:after {width:15px; height:16px; background-size:contain; left:10px; top:9px;}

.wrap-contents .btn-style.type3 {display:inline-block; position:relative; background:url('../../images/common/bg_btn.png') repeat left 8px; border:1px solid #ddd;}
.wrap-contents .btn-style.type3:after {content:''; position:absolute; left:14px; top:9px; width:22px; height:23px; background:url('../../images/common/ico_btn3.png') no-repeat center center;}
.wrap-contents .btn-style.type3:hover:after {background:url('../../images/common/ico_btn3_ov.png') no-repeat center center;}
.wrap-contents .btn-style.type3:hover {background:#43505d; color:#fff; transition:all 0.3s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-contents .btn-style.type3.small:after {width:15px; height:16px; background-size:contain; left:10px; top:9px;}

.wrap-contents .btn-style.type4 {display:inline-block; position:relative; background:url('../../images/common/bg_btn.png') repeat left 8px; border:1px solid #ddd; padding-left:50px}
.wrap-contents .btn-style.type4:after {content:''; position:absolute; left:14px; top:9px; width:25px; height:23px; background:url('../../images/common/ico_btn4.png') no-repeat center center;}
.wrap-contents .btn-style.type4:hover:after {background:url('../../images/common/ico_btn4_ov.png') no-repeat center center;}
.wrap-contents .btn-style.type4:hover {background:#43505d; color:#fff; transition:all 0.3s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-contents .btn-style.type4.small {padding-left:35px;}
.wrap-contents .btn-style.type4.small:after {width:16px; height:16px; background-size:contain; left:10px; top:9px;}

.wrap-contents .btn-style.type5 {display:inline-block; position:relative; background:url('../../images/common/bg_btn.png') repeat left 8px; border:1px solid #ddd; padding-left:50px}
.wrap-contents .btn-style.type5:after {content:''; position:absolute; left:14px; top:9px; width:25px; height:23px; background:url('../../images/common/ico_btn5.png') no-repeat center center;}
.wrap-contents .btn-style.type5:hover:after {background:url('../../images/common/ico_btn5_ov.png') no-repeat center center;}
.wrap-contents .btn-style.type5:hover {background:#43505d; color:#fff; transition:all 0.3s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-contents .btn-style.type5.small {padding-left:35px;}
.wrap-contents .btn-style.type5.small:after {width:16px; height:16px; background-size:contain; left:10px; top:9px;}

.wrap-contents .b-basic{font-family:'Noto DemiLight'; position:relative; color:#4b4b4b; padding:3px 20px 5px 40px; margin:0 5px; font-size:16px; border:1px solid #ddd; display:inline-block;}
.wrap-contents .b-basic:before{content:'';  left:15px; top:6px; width:20px; height:20px; background-image:url('../../images/common/btn-share-off.png'); background-repeat:no-repeat; display:block; position:absolute;}
.wrap-contents .b-basic:hover{color:#fff;}
.wrap-contents .b-basic:hover:before{background-image:url('../../images/common/btn-share-on.png');}

.wrap-contents .b-basic.b-round{border-radius:20px;}
.wrap-contents .b-basic.b-round:hover{background-color:#1c3d8d; border:1px solid #1c3d8d; }

.wrap-contents .b-basic.b-normal{border-radius:20px;}
.wrap-contents .b-basic.b-normal:hover{background-color:#1c3d8d; border:1px solid #1c3d8d; }

.wrap-contents .b-basic.b-file:before{background-position:0px center;}
.wrap-contents .b-basic.b-win:before{background-position:-40px center;}
.wrap-contents .b-basic.b-clip:before{background-position:-73px center;}
.wrap-contents .b-basic.b-home:before{background-position:-103px center;}
.wrap-contents .b-basic.b-mark:before{background-position:-140px center;}
.wrap-contents .b-basic.b-card:before{background-position:-172px center;}
.wrap-contents .b-basic.b-phone:before{background-position:-210px center;}

.wrap-contents .b-s-basic{font-family:'Noto DemiLight'; position:relative; color:#4b4b4b; border-radius:5px; padding:3px 10px 4px 25px; margin:0 5px; font-size:14px; border:1px solid #ddd; display:inline-block;}
.wrap-contents .b-s-basic:before{content:'';  left:15px; top:9px; width:20px; height:20px; background:url('../../images/common/btn-arr.png') no-repeat; display:block; position:absolute;}
.wrap-contents .b-s-basic:hover{border:1px solid #1c3d8d;}


@media only screen and (max-width:680px){
  .icon-box02 .icon{float:none;text-align:center;display: block;margin: 0 auto 30px;}
}

.icon-box{overflow:hidden; position:relative; line-height:1.6;}
.icon-box .title{display:block; font-size:23px; margin-bottom:10px; color:#1f59ad; font-weight:500; font-family: 'Noto Regular';}
.icon-box .li-list{display:table; table-layout:fixed; width:calc(100%);}
.icon-box .li-list li{display:table-cell; border-left:1px solid #ddd; padding-left:20px;}
.icon-box .li-dot{margin-top:20px;}
.icon-box .li-dot li{position:relative; padding-left:15px;}
.icon-box .li-dot li:before{content:''; width:5px; height:5px; display:block; border-radius:100%; position:absolute; left:0; top:10px; background-color:#618e9b}
.icon-box .box-btn{margin-top:20px;}
.icon-box .box-btn a{display:inline-block; padding:2px 10px 2px 35px; font-size:17px; border:1px solid #afafaf; border-radius:5px;}
.icon-box .box-btn a.down{background:#fff url(/sites/guide/images/icon_img/box-btn-down.png) 10px center no-repeat;}
.icon-box .box-btn a.link{background:#fff url(/sites/guide/images/icon_img/box-btn-link.png) 10px center no-repeat;}
 
.iconType{background-color:#1f477b; padding:40px;box-sizing:border-box;overflow: hidden;}
.iconType .title{width:30%;float:left;color:#fff;font-size: 30px;font-weight:600;margin-top:10px;}
.iconType .title strong{float:left;}
.iconType .title:after{content: '';width: 70%;height: 1px;background-color: #fff;display: inline-block;float: right;margin-top: 35px;}
.iconType .icons{width:70%;float:left;}
.iconType .icons ul li{display:inline-block;margin:20px;}

@media only screen and (max-width:900px){
  .icon-box .li-list li{display: block;width:100%;margin-bottom:20px;}
}

@media only screen and (max-width:680px){
  .icon-box01 .icon{float:none;margin-right:0;display: block;margin-bottom:25px;text-align:center;}
}

@media only screen and (max-width:520px){
  .icon-box01 .text{display: block;padding-left:0;}
  .icon-box01 .text .title{position: inherit;}
  .icon-box .li-list li{border-left:none;padding-left:0;}
}

/*etc*/
.color-01{color:#0caca6;}
.color-02{color:#138cc5;}
.color-03{color:#1b60c6;}
.color-04{color:##435eaa;}

.color1 {color: #222222;}
.color2 {color: #183d93;}
.color3 {color: #018cff;}
.color4 {color: #eb8105;}