@charset "utf-8";

#_contentBuilder{z-index:1}

/********************

기관스타일01

**********************/

/*기본 이미지 + 박스*/
.boxStyle										{overflow:hidden; box-sizing:border-box; padding:0; background-position:right top; background-size:cover; color:#fff; background-color:#4876d3;}
.boxStyle.pattern01							{background-image:url(./../../images/common/pattern_01.png);}
.boxStyle.pattern02							{background-image:url(./../../images/common/pattern_02.png);}
.boxStyle.pattern03							{background-image:url(./../../images/common/pattern_03.png);}
.boxStyle .imgWrap						{float:left; width:40%;}

.boxStyle .imgWrap img					{float:left; width:100%;}
.boxStyle .textwrap						{box-sizing:border-box; padding-top:20px; padding:30px; float:left; width:60%;}
.boxStyle .btnWrap						{background-color:#fff;margin-top:20px;border:1px solid #ddd;border-radius: 7px;width:150px;display:inline-block;padding:5px 20px;}
.boxStyle .btnWrap img				{margin-top:4px;margin-right:5px;}

.boxStyle .title								{font-size:20px; font-weight:400; margin-bottom:20px; display:block; line-height:1.2;}

.boxStyle.bfixed								{}
.boxStyle.bfixed .imgWrap					{float:left; width:40%; overflow:hidden;}
.boxStyle.bfixed .imgWrap img			{width:100%;}
.boxStyle.bfixed .textWrap					{float:right; width:60%;}

.boxStyle.normal .textWrap .title{color:#222;}
.boxStyle.widthImg .textWrap .title{color:#222;}

/*이미지라인 기본*/
.boxStyle.normal								{background:none;}
.boxStyle.normal .textWrap					{padding-top:0;}

/*이미지라인 기본*/
.boxStyle.widthImg								{background-color:#f9f9f9;}
.boxStyle.widthImg .imgWrap				{padding:0; margin:0; width:100%; float:inherit; overflow:hidden;}
.boxStyle.widthImg .textwrap				{padding:30px; color:#666; width:100%;background: url(./../../images/common/loco_icon_rw.png) right bottom no-repeat;border-bottom:1px solid #1b1b1b;display:table;}
.boxStyle.widthImg .iconWrap        {display:table-cell;vertical-align: top;padding-right:30px;}
.boxStyle.widthImg .textBox        {display:table-cell;}

@media only screen and (max-width:600px){
.boxStyle.widthImg .iconWrap,
.boxStyle.widthImg .textBox{display:block;margin-bottom:20px;padding:0;}
}

/*li 이미지 리스트*/
.li-imgBox										{overflow:hidden;width:calc(100% - 2px);word-break:keep-all;}
.li-imgBox > li									{display:inline-block;list-style:none; margin:0; padding:0; padding-bottom:20px; position:relative; vertical-align:top; width:30%;}
.li-imgBox > li	+ li               {margin-left:4%;}
.li-imgBox > li .thum img						{width:100%; float:left; position:relative; z-index:1; margin:0 auto;}
.li-imgBox > li .thum							{height:100%;overflow: hidden;}
.li-imgBox > li div strong.li-boxTitle		{display:block; font-size:16px; padding:10px 0; clear:both; margin-top:10px;}
.li-imgBox > li div + div						{padding:10px;}
.li-imgBox li ul									{padding:20px; overflow:hidden;}

.li-imgBox.li-icon								{}
.li-imgBox.li-icon > li .thum					{text-align:center; padding:40px 0 20px;}
.li-imgBox.li-icon > li							{text-align:center;border:1px solid #ddd;}
.li-imgBox.li-icon > li div + div				{padding:0 30px;}

.li-imgBox.li-icon > li .thum img				{width:auto; float:inherit;}
.li-imgBox.titleBox								{background-color:#eef3f7; border:none; border-top:2px solid #0078f3;}
.li-imgBox.titleBox > li							{text-align:left;position:relative;}
.li-imgBox.titleBox > li + li:before{content:''; width:1px; height:97%; background:url(./../../images/common/dashed_line.png) center; position: absolute; top:20px; left:0;}
.li-imgBox.titleBox > li > div					{text-align:left; padding:20px;}
.li-imgBox.titleBox > li > div.title				{padding:10px 20px 0; min-height:30px;}
.li-imgBox.titleBox > li > div.title > strong	{display:block; position:relative; padding-left:25px; font-size:18px; margin-top:10px; color:#222;}
.li-imgBox.titleBox > li > div.title > strong:before	{content:''; display:block; width:20px; height:15px; background:url(./../../images/common/ul_type_edge.png) no-repeat; position:absolute; left:0; top:7px; z-index:0}

.li-listBox											{display:table; table-layout:fixed;}
.li-listBox > li										{list-style:none; clear:both; overflow:hidden;}
.li-listBox > li .thum								{float:left; padding-right:10px; padding-bottom:10px; display:table-cell;background:url(./../../images/common/thum_bg.png) no-repeat 10px 10px;margin-right:30px;}
.li-listBox > li .thum img						{width:100%;}
.li-listBox > li .text								{display:table-cell; line-height:1.4;}
.li-listBox > li .text p                {display:inline-block;position: relative; padding-left:20px;}
.li-listBox > li .text p:before       {content:'';width:2px; height:100%; background-color: #00abff;position:absolute;top:5px; left:0;margin-right:15px;}
.li-listBox > li .text strong.li-boxTitle		{display:block;font-size:18px;margin-bottom: 15px;color:#333;}

.li-imgBox .li_dot li               {padding-left:20px;position: relative;}
.li-imgBox .li_dot li:before        {content:'';width:4px; height:4px; background-color: #6e7c8c;position:absolute;top:11px; left:5px;border-radius: 5px;}

.li-listWrap                        {border-top:2px solid #575050;display:table;table-layout: fixed;}
.li-listWrap li                   {border:1px solid #e0e0e0;padding:30px;overflow: hidden;}
.li-listWrap li .thum{float: left;padding-right: 30px;display: table-cell;}
.li-listWrap li .thum img{max-width:100%;}
.li-listWrap li .text{display:table-cell;}



@media only screen and (max-width:600px){
body .boxStyle .imgWrap					{width:100% !important; float:inherit !important;	}
body .boxStyle .textWrap					{width:100% !important; float:inherit !important;	 padding:25px 15px 25px 15px; overflow:hidden;}

body .li-imgBox > li						{display:block;width: calc(100% - 2px);margin-bottom:20px;}
.li-imgBox > li + li               {margin-left:0;}
body .li-imgBox > li + li:before			{display:none;}
body .boxStyle.normal .textWrap .title{padding-top:20px;}
body .li-listBox > li .thum					{width:100% !important; float:inherit !important;	display:block; margin-bottom:20px;}
.li-listWrap li .thum,
.li-listWrap li .text{display:block;width: 100%;text-align: center;margin-bottom: 30px; float: none;}
}

@media only screen and (max-width:430px){
.li-listWrap li .thum{float:none;padding:0;margin-bottom:20px;}
.li-listWrap li .thum img{width:100%;}
}

/*icon box*/
.iconBox											{padding:30px; overflow:hidden; position:relative;}
.iconBox.bg-gray								{background-color:#f5f5f5; border-top:2px solid #002e66;}
.iconBox.bg-border							{border:3px solid #005faa;}
.iconBox.bg-line								{background:url(./../../images/icon/lineBox_bg.png); padding:10px;}
.iconBox.bg-line .icon           {background:url(./../../images/icon/icon_bg.png) no-repeat center;}
.iconBox.bg-gray .icon           {background:url(./../../images/icon/icon_bg02.png) no-repeat center;}


.iconBox.bg-lineDot							{background:url(./../../images/icon/dotbox_bg.jpg) no-repeat right top;background-color:#fafbfd; padding:0px; border:1px solid #ddd;}
.iconBox.bg-lineDot	.inner      {background:url(./../../images/icon/lineBox_bgLine.png) no-repeat left top;min-height: 150px;}
.iconBox.bg-lineDot .icon					{margin-right:35px; text-align:center; padding:0 25px 20px 20px;height:100%;}
.iconBox.bg-lineDot .inner .text  {padding-bottom:20px;}
.iconBox.bg-lineDot .inner .text strong	{margin-top:20px;}
.iconBox.bg-lineDot .icon img       {max-width:100%;margin-top:20px;margin-left: -10px;}

.iconBox.bg-line .inner					{background-color:#fff; overflow:hidden; padding:25px 15px 25px 35px;}
.iconBox .icon									{float:left; display:table-cell; vertical-align:middle;margin-right:40px; overflow:hidden; width:150px; min-height:130px;height:100%; text-align:center;}
.iconBox .icon img							{max-width:100%;margin-top:17px;margin-left: 0px;}
.iconBox .icon.circle							{border-radius:100%; padding:20px; }
.iconBox .icon.padding0					{padding:0;}
.iconBox .icon.circle.bg-white				{background-color:#fff;}
.iconBox .icon.circle.bg-gray				{background-color:#efefef;}
.iconBox .icon span							{display:block;}
.iconBox .text									{display:table-cell; vertical-align: top;}
.iconBox .text .title							{display:block; font-size:16px; margin-bottom:10px;}
#_contentBuilder .iconBox .text .objHeading_h2:first-child{margin-top: 0;}

.iconBox.bg-blue>li                {margin-bottom:30px;}
.iconBox.bg-blue .inner          {width: 96%;}
.iconBox.bg-blue .icon            {float:none;background:url(./../../images/icon/icon_bg03.png) no-repeat center;}
.iconBox.bg-blue .icon img         {margin-top:0;margin-left:0;}
.iconBox.bg-blue .text            {padding:30px;box-sizing: border-box;}

.icon-thumlist									{text-align:center;}
.icon-thumlist li								{display:inline-block; margin:5px;}

/**iconview**/
.icon_view.bluebox              {background-color: #0178dd; padding-top:15px;padding:20px 50px 0 50px;}
.icon_view li{display:inline-block;margin-right:30px;margin-bottom:15px;}

@media only screen and (max-width:600px){
body .iconBox .icon						  {float:inherit !important;	display:block;width:100%;}
body .iconBox .text              {display:block;margin-top:20px;text-align: center;}
body .iconBox .icon img					{width:auto; max-width:100%; margin-bottom:20px;}
body .iconBox.bg-lineDot					{background:#fafbfd;}
.iconBox.bg-lineDot .inner .text  {padding:25px;}
.iconBox.bg-lineDot .inner .text strong{margin-top:0;}
.li-imgBox.li-icon .thum{display:block;}
.iconBox.bg-blue .text{padding:0;}
.iconBox.bg-blue .ul_2{text-align:left;}
body .imgUl li{width:100%;padding-right:0;margin-bottom:15px;}
body .imgUl li + li{border:none;padding-left:0;}
.iconBox.bg-lineDot .inner{background:none;}
.iconBox.bg-lineDot .icon{margin-left:-20px;padding:0;margin:0;}
.iconBox.bg-lineDot .inner .text{margin:0;padding:0 25px 25px 25px;}
.iconBox.bg-blue .icon img{margin-top:20px;}
}

/*img list */
.imgUl li{display:inline-block;width:46%;padding-right:3.5%;}
.imgUl li img{max-width: 100%;}
.imgUl li + li{border-left:1px solid #ddd;padding-left:3.5%;padding-right:0;}



/********************

기관스타일02

**********************/

/*퀵메뉴박스**/
.quickbox_blue{background:url(./../../images/common/blueline_bg.png);padding:10px;color:#666;}
.quickbox_blue .inner{background-color: #fff;width:100%;padding:15px;box-sizing: border-box;}
.quickbox_blue .inner li{width:33%;display:inline-block;border-right:1px solid #ddd;padding:0 20px;box-sizing:border-box;}
.quickbox_blue .inner li:nth-last-child(1){border:none;}
.quickbox_blue .inner li dl{display:block;overflow: hidden;margin-top:4px;}
.quickbox_blue .inner li dt{float:left;padding-top:5px;}
.quickbox_blue .inner li dd{float:right;margin-top: 2px;}
.quickbox_blue .inner li dd a{background:url(/sites/style-guide/images/common/quickBtn_blue.png) no-repeat 20px center;border-radius: 5px; padding:2px 20px 2px 40px;border:1px solid #6d6e71;display:inline-block;}
.quickbox_blue .inner li dd a:hover{background:#00abff url(/sites/style-guide/images/common/quickBtn_white.png) no-repeat 20px center; color:#fff;border-color:#00abff;}

@media only screen and (max-width:1023px) and (min-width:600px){
.quickbox_blue .inner li dl{text-align: center;}
.quickbox_blue .inner li dl dt,
.quickbox_blue .inner li dl dd{float:none;}
}

@media only screen and (max-width:600px){
.quickbox_blue .inner li{width:100%;}
}

/**아이콘 박스01**/
.Lblack-line{background:url(./../../images/common/sblueline_bg.png) no-repeat;padding-top:40px;color:#666;background-size: contain;}
.Lblack-line .inner{background:url(./../../images/common/ttone_line.png) no-repeat 0 bottom;padding:0 30px 40px 30px;display:table;}
.Lblack-line .inner .imgbox{display:table-cell;}
.Lblack-line .inner .textbox{display:table-cell;padding-left: 30px;}
.Lblack-line .inner .textbox strong{font-size:22px;color:#002e66;margin-bottom:15px;display: block;}
ul.ul_bluedot li{padding-left: 5px;margin-bottom:5px;}
ul.ul_bluedot li:before{content:'';width:5px;height:5px;border-radius:5px;border:2px solid rgba(102,130,163,0.6);display:inline-block;margin-right:10px;}

.icon-view li{display:inline-block;margin:0 10px;}

@media only screen and (max-width:600px){
  .Lblack-line .inner .imgbox,
  .Lblack-line .inner .textbox{display:block;padding:0;}
}


/**버튼**/
.button_icon{margin-bottom:10px;}
.button_icon a{border:1px solid #99abc2; padding:5px 10px;display: inline-block;font-weight:600;color:#002e66;font-size:14px;}
.button_icon img{margin-right:10px;}
.button_wrap{border:1px solid #99abc2;display:inline-block;vertical-align: top;padding:5px;}
.button_wrap ul li{display:inline-block;}

.button_icon._on a{background:url(./../../images/button/buttonBg_01.png) no-repeat; color:#fff;}
.button_wrap.patternBg{background:url(./../../images/button/buttonBg_01.png);}

@media only screen and (max-width:600px){
.button_wrap,
.buttonBoxwrap,
.fileIconbox{display:block;margin-top:20px;}
}

.fileIcon a{border:1px solid #dadada;padding:5px 10px;display:inline-block;font-size:14px;border-radius: 5px;}
.fileIcon img{margin-right:5px;vertical-align: middle;}
.fileIconbox{display:inline-block;border:1px solid #dadada;padding:5px 10px;border-radius: 5px;vertical-align: top;}
.fileIconbox ul li{display:inline-block;}

.icon_type03 a{border:1px solid #6d6e71; padding:5px 10px;display:inline-block;font-size:14px;border-radius: 5px;}
.icon_type03 img{margin: -2px 3px 0;}
.buttonBoxwrap{display:inline-block;border:1px solid #6d6e71;padding:5px 10px;border-radius: 5px;vertical-align: top;}
.icon_type03 ul li{display:inline-block;}

.icon_type03._on{margin-top:10px;}
.icon_type03._on a,
.icon_type03._on .buttonBoxwrap{border:1px solid #00abff;background-color: #00abff;color:#fff;}


/**이미지 설명형**/
.imgdesc{position: relative;}
.imgdesc .textbox{position: absolute;top:60px;right:0;border:7px solid #063970;display:inline-block;width:760px;padding:40px 90px;box-sizing: border-box;background-color: rgba(255,255,255,0.8);}
.imgdesc .textbox strong{font-size:24px;display:block; margin-bottom:20px;color:#063970;}

@media only screen and (max-width:1200px){
.imgdesc .textbox{width:600px;padding: 40px;}
}

@media only screen and (max-width:600px){
.imgdesc .textbox{width: 90%;right: inherit;margin: -130px 0 0 5%;position: initial;top: 0;word-break: keep-all;padding: 20px;}
.imgdesc{padding-bottom: 0;}
}

/**설립정신**/
.founding{width:100%;background: url(./../../images/common/visual5.jpg)no-repeat center; padding:40px 0;background-size: cover;}
.founding .circle{width:340px;height:340px;background-color:#002e66;color:#fff;margin:0 auto;text-align: center;border-radius: 50%;padding:60px 30px;box-sizing: border-box;}
.founding .circle strong{font-size:28px;font-weight:500;margin-bottom:20px;display: block;}
.founding .circle p{margin-bottom: 30px;}

@media only screen and (max-width:760px){
.founding .circle{width:280px;height:280px;50%;padding:40px 30px;}
.founding .circle strong{font-size:24px;}
.founding .circle p{font-size:14px;}
}

/**비전**/
.vision{width:100%;background:url(./../../images/common/visual6.jpg)no-repeat left; padding-top:100px;text-align:center;background-size: cover;}
.vision .titleBox{text-align: center;color:#fff;margin-bottom:100px;}
.vision .titleBox span{font-size:18px;background-color:#00abff;text-align:center;margin-bottom: 10px;padding:5px 15px;}
.vision .titleBox strong{display:block;font-size:40px;margin-top:10px;}
.vision .titleText{display:inline-block;border-top:1px solid #fff;width:35%;border-bottom:1px solid #fff;padding:30px 0 20px 0;margin-top:40px;}
.vision .textBox{display:inline-block;width:65%;background-color:#fff;border-top:4px solid #00abff;padding:25px 50px;box-sizing: border-box;color:#000;}

@media only screen and (max-width:760px){
.vision .textBox{width:100%;}
.vision .titleText{width:70%;}
.vision .titleBox strong{font-size:30px;}
}

/**majorBox**/
.majorBox{display:table;border-bottom:1px solid #7f8084;padding-bottom:30px;}
.majorBox .imgBox{display:table-cell;}
.majorBox .textBox{display:table-cell;padding-left: 40px;color:#333;}
.majorBox .textBox .titleBox{color:#00abff;font-size:25px;line-height: 1.4;margin-bottom:30px; font-family: 'Noto DemiLight';}
.majorBox .textBox .titleBox strong{display:block;font-size:30px;font-weight: 500; font-family: 'Noto Medium';}

@media only screen and (max-width:760px){
.majorBox .imgBox{display:block;}
.majorBox .textBox{display:block;padding-left:0px;color:#333;}
}

@media only screen and (max-width:760px){
.majorBox .imgBox{margin-bottom:30px;}
}

@media only screen and (max-width:400px){
.majorBox .imgBox img{width:100%;}
}

/**proIntro**/
.proIntro{display:table;}
.proIntro .imgBox{display:table-cell;padding-bottom: 60px;}
.proIntro .imgBox .imgbg{padding:0 10px 10px 0;background: url(./../../images/common/proflbg.png) no-repeat 10px 10px;position:relative;}
.proIntro .textBox{display:table-cell;padding-left: 110px;color:#333;}
.proIntro .textBox strong{font-size:30px; color:#333;display:block;line-height: 1.4;margin-bottom:45px;}
.proIntro .textBox strong span{display:block;color:#1c54a9;}
.proIntro .imgBox .name{width:200px;height:160px;position:absolute;top:265px;left:250px;background: url(./../../images/common/nameBox.png) no-repeat;}
.proIntro .imgBox .name dl{color:#fff;padding:80px 0 20px 40px;box-sizing: border-box;}
.proIntro .imgBox .name dl dt{font-size:15px;}
.proIntro .imgBox .name dl dd{font-size:26px;font-weight: 500;}

@media only screen and (max-width:1200px){
.proIntro .imgBox{display:block;margin-bottom:30px;}
.proIntro .textBox{display:block;padding-left: 0;}
}

@media only screen and (max-width:1023px) and (min-width:601px){
.proIntro .textBox strong{font-size:24px;}
.proIntro .imgBox{float:right;margin:0 20px;}
.proIntro .imgBox .name{right:0;left:unset;}
}
@media only screen and (max-width:600px){
.proIntro .textBox strong{font-size:24px;}
.proIntro .imgBox .name{right:0;left:unset;}
}

/* 버튼 style */

a.btn									{display: inline-block; color: #fff;background-color: #3b9e96; line-height:40px;  background-position: right center; background-repeat: no-repeat;box-sizing: border-box;padding: 0 50px 0 16px;margin-right: 5px;}
a.btn_down							{background-image: url('./../../images/common/btn_down.png');}
a.btn_go								{background-image: url('./../../images/common/btn_go.png');}
a.btn_green							{background-color: #12b6ca;}
a.btn_blue							{background-color: #005bac;}
a.btn_grey							{background-color: #8b8b8b;}
a.btn_greyL							{background-color: #e5e5e5; color: #303030;}
a.btn_white							{color: #114c79;border: 1px solid #4c697f;background-color: #fff;}
a.btn_down.btn_white			{background-image: url('./../../images/common/btn_down_w.png');}
a.btn_go.btn_white				{background-image: url('./../../images/common/btn_go_w.png');}
a.btn-center-gray				{padding:10px; display:block; background-color:#f0f0f0; font-weight:400;}


/*color*/
.f-bold											{font-weight: bold;}
.f-normal										{font-weight: 300;}
.f-red												{color: #9e0b0f;}
.f-orange										{color: #ff6c00;}
.f-blue											{color: #214979;}
.f-teal												{color: #17a88e;}
.f-skyblue                    {color:#18bcd7;}
.f-black                      {color:#222;}
.f-normal										{color:#666; padding-top:0;}

.font-red{color:#b61f24}
.font-orange{color:#f2a037}
.font-green{color:#0e8772}
.font-blue{color:#0e2c5d;}

/*margin*/
.marT10{margin-top:10px;}
.marT15{margin-top:15px;}
.marT20{margin-top:20px;}
.marT25{margin-top:25px;}
.marT30{margin-top:30px;}
.marT35{margin-top:35px;}
.marT40{margin-top:40px;}
.marT45{margin-top:45px;}
.marT50{margin-top:50px;}

.marB10{margin-bottom:10px;}
.marB15{margin-bottom:15px;}
.marB20{margin-bottom:20px;}
.marB25{margin-bottom:25px;}
.marB30{margin-bottom:30px;}
.marB35{margin-bottom:35px;}
.marB40{margin-bottom:40px;}
.marB45{margin-bottom:45px;}
.marB50{margin-bottom:50px;}

.marL10{margin-left:10px;}
.marL15{margin-left:15px;}
.marL20{margin-left:20px;}
.marL25{margin-left:25px;}
.marL30{margin-left:30px;}
.marL35{margin-left:35px;}
.marL40{margin-left:40px;}
.marL45{margin-left:45px;}
.marL50{margin-left:50px;}

.marR10{margin-right:10px;}
.marR15{margin-right:15px;}
.marR20{margin-right:20px;}
.marR25{margin-right:25px;}
.marR30{margin-right:30px;}
.marR35{margin-right:35px;}
.marR40{margin-right:40px;}
.marR45{margin-right:45px;}
.marR50{margin-right:50px;}


.alignL{text-align:left;}
.alignR{text-align:right;}
.alignC{text-align:center;}

.pagingS li{width:calc(100% - 2px) !important;}

.tableWrap table tfoot td {border-bottom:1px solid #ddd; padding:10px 5px 10px 10px;  border-right:1px solid #ddd; font-weight:300;}



/**캠퍼스맵**/
.campusmap ul{display:table;}
.campusmap ul li{display:table-cell;}
.campusmap ul li:nth-child(1){padding-right:30px;}
.campusmap ul li img{width:100%;}
.campusmap ul li .text{text-align:center;margin-top:-50px;border:1px solid #cdcdcd;padding:0 20px 20px 20px;}
.campusmap ul li .text p.title{color:#000;font-size:22px;font-weight: 500;display:inline-block;background-color:#fff;padding:10px 50px;margin-bottom:20px;}
.map_detail{background-color:#edf1f4;padding:25px;}
.map_detail .adress,
.map_detail .tel{display:inline-block;}
.map_detail dl{display:inline-block;margin:5px 50px 0 20px;}
.map_detail dl dt{font-size:14px;color:#333;font-weight:600;font-family: Century Gothic;}
.map_detail dl dd{color:#333;}
.map_detail .findway{float:right;background: url(/sites/mjukr/images/sub01/findway_bg.png);width:190px;height:60px;padding:15px 20px;box-sizing: border-box;}
.map_detail .findway a{font-size:18px;color:#fff;}
.map_detail .findway a img{padding-left:65px;}


@media only screen and (max-width:1024px){
  .map_detail .findway{margin-top:20px;float:none;}
}
@media only screen and (max-width:900px){
  .map_detail .adress,
  .map_detail .tel{display:block; margin-bottom:20px;}
}
@media only screen and (max-width:600px){
  .map_detail dl{display:block;margin-left:0;}
}


/* 20220801 추가  */
.list-title3 > li {padding-left:20px; position:relative; font-size:18px; color:#2b3e5c; margin-bottom:10px; font-weight:normal;}
.list-title3 > li::after {content:''; position:absolute; left:0; top:15px; width:15px; height:2px; background:#1E5BA8;}

.li-listBox.li-titleBox .text > .box-title3 {font-size:20px; font-weight:bold; color:#1e5ba8;}
.li-listBox.li-titleBox .text > ul {margin-left:0;}

.subPage-img > a {display:block;}
.subPage-img > a > img {width:100%;}



.boxLayer01 .inner {display:table;}
.boxLayer01 .inner .text{display:table-cell; vertical-align:middle;}

.boxLayer02 .inner {display:table;}
.boxLayer02 .inner .text {display:table-cell; vertical-align: middle;}


/* tBox */
.tBox{display:flex;justify-content:space-between;margin-bottom:10px;}
.tBox > li { width:100%; border:1px solid #DDD; padding:25px; margin:0 5px; box-sizing: border-box;}
.tBox > li > dl{}
.tBox > li > dl dt{font-size:20px; border-bottom:1px dotted #DDD; padding-bottom:15px; margin-bottom:15px; position:relative; font-weight:600;}
.tBox.iC > li > dl dt{display:flex;justify-content:flex-start;align-items:center;}
.tBox.iC > li > dl dt span:first-child{width:75px;height:60px;background-position:left center;background-repeat:no-repeat;}
.tBox.iC > li > dl dt span:last-child{width:calc(100% - 75px);}
@media only screen and (min-width:1025px){
  .tBox > li:first-child{margin-left:0;}
  .tBox > li:last-child{margin-right:0;}
}
@media only screen and (max-width:1024px){
  .tBox{flex-wrap:wrap; margin-bottom:0;}
  .tBox > li{width:calc(50% - 10px);margin-bottom:10px;}
}
@media only screen and (max-width:768px){
  .tBox > li{width:100%; padding:15px; margin:0 0 10px 0;}
  .tBox.iC > li > dl dt span:first-child{width:40px;height:40px;background-size:25px;}
  .tBox.iC > li > dl dt span:last-child{width:calc(100% - 40px);}
}
/* tBox 에 색깔 부여 */
.tBox.color1 > li:nth-child(even) { background-color:#ecf2f2; }
.tBox.color1 > li:nth-child(odd) { background-color:#fafafa; }
.tBox.color2 > li:nth-child(odd) { background-color:#ecf2f2; }
.tBox.color2 > li:nth-child(even) { background-color:#fafafa; }

/* tBox 을 pc기준 한줄에 2칸씩 나오게 */
.tBox.div2 { flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.tBox.div2 > li { margin:0 0; margin-bottom:20px; flex:0 0 49%; }
.tBox.div2 > li:nth-child(odd) { margin-right:1%; }
.tBox.div2 > li:nth-child(even) { margin-left:1%; }
@media only screen and (max-width:768px){
	.tBox.div2 > li:nth-child(odd) { margin-right:0; }
	.tBox.div2 > li:nth-child(even) { margin-left:0; }
	.tBox.div2 > li { flex:0 0 100%; }
}
/* tBox 을 pc기준 한줄에 3칸씩 나오게 */
.tBox.div3 { flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.tBox.div3 > li { margin:0 0; margin-bottom:20px; flex:0 0 32.66666%; }
.tBox.div3 > li:nth-child(3n-1) { margin-left:1%; margin-right:1%; }
@media only screen and (max-width:1024px){
	.tBox.div3 > li:nth-child(3n-1) { margin-left:0; margin-right:0; }
	.tBox.div3 > li { flex:0 0 49%; }
	.tBox.div3 > li:nth-child(odd) { margin-right:1%; }
	.tBox.div3 > li:nth-child(even) { margin-left:1%; }
}
@media only screen and (max-width:768px){
	.tBox.div3 > li:nth-child(odd) { margin-right:0; }
	.tBox.div3 > li:nth-child(even) { margin-left:0; }
	.tBox.div3 > li { flex:0 0 100%; }
}

/* tBox 을 pc기준 한줄에 4칸씩 나오게 */
.tBox.div4 { flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.tBox.div4 > li { margin:0 0; margin-bottom:20px; flex:0 0 24.25%; }
.tBox.div4 > li:nth-child(4n-2) { margin-left:1%; }
.tBox.div4 > li:nth-child(4n-1) { margin-left:1%; }
.tBox.div4 > li:nth-child(4n) { margin-left:1%; }
@media only screen and (max-width:1024px) {
	.tBox.div4 > li { flex:0 0 48%; }
	.tBox.div4 > li:nth-child(4n-2) { margin-left:0; }
	.tBox.div4 > li:nth-child(4n-1) { margin-left:0; }
	.tBox.div4 > li:nth-child(4n) { margin-left:0; }
	.tBox.div4 > li:nth-child(odd) { margin-right:1%; }
	.tBox.div4 > li:nth-child(even) { margin-left:1%; }
}
@media only screen and (max-width:768px){
	.tBox.div4 > li { flex:1 0 100%; }
	.tBox.div4 > li:nth-child(odd) { margin-right:0; }
	.tBox.div4 > li:nth-child(even) { margin-left:0; }
}

@page{size:1800px;margin:0}

@media print {
  .wrap-header-box,
  .lnb-wrap,
  .wrap-header,
  .wrap-sub-visual,
  .wrap-sub-navi,
  .wrap-footer,
  .wrap-page-top{display:none !important;}
  .wrap-body .content-wrap {width: 100% !important;}
  .wrap-sub-visual {height: 0px !important;}
}