@charset "utf-8";
@import url(jquery.bxslider.css);
@import url(add_btype.css);
@import url(add_ctype.css);
@import url(add_dtype.css);
@import url(add_new.css);


/* bxSlider */

.bx-wrapper {margin: 0 auto;}
.bx-wrapper .bx-viewport {left: 0; background: transparent; border: 0 solid #fff; box-shadow: 0 0 0 #000; -webkit-box-shadow: 0 0 0 #000; -moz-box-shadow: 0 0 0 #000;}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {position: absolute; bottom: initial; bottom: inherit; padding: 0; width: 100%; font-size: 0;}
.bx-wrapper .bx-controls-direction a {z-index: 5;}


/* main */

.main {background-color: #ececf1;}
.main .wrap,
.main #content {width: 1600px;}
.main #content {float: none; padding: 0;}
.main section {margin: 0; padding: 1.88em 0;}
.main section > div {margin-left: 17px; width: 522px;}
.main section > div:first-child {margin-left: 0 !important;}
.main .btn span {margin-top: -3px;}


/* 1. visual */

.main .visual {height: 547px; background-position: center center; background-repeat: no-repeat;}
.main .visual .v-text {padding: 110px 0 0 490px; color: #fff;}
.main .visual .v-text .title {padding-top: 80px; font-size: 3.2em; font-weight: 500; background: url(../images/main/icnVisualBuild.png) 0 0 no-repeat;}
.main .visual .v-text p.basic {margin-top: 0.5em; min-height: 3em;}
.main .visual .v-text .btn {font-size: 1.25em;}
.main .visual .v-text .btn .place {padding-left: 25px; background: url(../images/main/icnVisualPlace.png) 0 center no-repeat;}

.main .visual-banner {position: absolute; top: 100px; left: 0; width: 386px; border: 1px solid #716d7a;} 
.main .visual-banner ul {}
.main .visual-banner ul li {}
.main .visual-banner ul li > a {display: block; padding: 54px 25px 25px; height: 346px; box-sizing: border-box; overflow: hidden;}
.main .visual-banner .vb-text {padding-top: 30px; color: #fff; text-align: right;}
.main .visual-banner .vb-text .title {font-size: 1.88em;}
.main .visual-banner .vb-text .title span {padding: 0 5px; line-height: 1.2; background-color: #5e5a74;}
.main .visual-banner .vb-text .title .bold {font-weight: 500;}
.main .visual-banner .vb-text p.basic {line-height: 1.3; opacity: 0.7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"}
.main .visual-banner .vb-text .more {color: #5d97ff; font-weight: bold; border-bottom: 2px solid #5d97ff;}

.main .visual-banner .bx-wrapper .bx-pager {top: 15px; right: 150px; width: auto !important; line-height: 26px; font-size: 15px; color: #fff; font-weight: 400;}
.main .visual-banner .bx-wrapper .bx-controls-direction a {top: 15px; margin-top: 0; width: 24px; height: 24px; background-color: #ececf1; background-position: center center; background-repeat: no-repeat; border: 1px solid #d4d7e1;}
.main .visual-banner .bx-wrapper .bx-controls-direction a.bx-prev {left: auto; right: 106px;background-image: url(../images/main/icnPrevBlack.png);}
.main .visual-banner .bx-wrapper .bx-controls-direction a.bx-next {right: 80px; background-image: url(../images/main/icnNextBlack.png);}

.main .visual-banner .bx-wrapper .bx-controls-auto {position: absolute; top: 15px; right: 15px !important; width: auto !important; white-space: nowrap; line-height: 0; font-size: 0;}
.main .visual-banner .bx-wrapper .bx-controls-auto a {display: inline-block; width: 24px; height: 24px; margin: 0; background-repeat: no-repeat; background-position: 50%;}
.main .visual-banner .bx-wrapper .bx-controls-auto a.bx-start {background-image: url(../images/common/icnPlay.png);}
.main .visual-banner .bx-wrapper .bx-controls-auto a.bx-stop {background-image: url(../images/common/icnPause.png);}


/* 2. box-cont */

.main .box-cont {position: relative; margin-bottom: 1.2em; height: 267px; background-color: #fff; border: 1px solid #9ca2b6; overflow: hidden;}
.main .box-cont > div {padding: 0 19px;}
.main .box-cont .title {padding: 14px 0; font-size: 1.2em; color: #333; font-weight: 500;}
.main .box-cont .title .color {color: #3262b9;}
.main .box-cont p.basic {margin-top: -0.7em;}
.main .box-cont .more {position: absolute; top: 0; right: 0; width: 56px; height: 56px; line-height: 0; font-size: 0; background: url(../images/main/icnMoreBox.png) center center no-repeat;}


/* 2-1. search-key */

.main .box-cont .search-key {position: relative; padding-right: 77px;}
.main .box-cont .search-key input.basic {width: 100%; height: 52px; border: 2px solid #3262b9;}
.main .box-cont .search-key .btn {position: absolute; top: 0; right: 0; margin: 0; padding: 0; width: 79px; line-height: 50px;}
.main .box-cont .search-key-recent {margin-top: 1.5em; padding-top: 1.2em; border-top: 1px solid #d8dce6;}
.main .box-cont .search-key-recent dt {font-size: 1.1em; color: #000; font-weight: 400;}
.main .box-cont .search-key-recent dd {height: 77px; overflow: hidden;}
.main .box-cont .search-key-recent dd,
.main .box-cont .search-key-recent dd a {color: #7f7f7f;}
.main .box-cont .search-key-recent dd a {margin-right: 10px; border-bottom: 1px solid #7f7f7f;}


/* 2-2. search-addr */

.main .box-cont ul.tab {border-bottom: 1px solid #ccc;}
.main .box-cont ul.tab li {height: 40px;}
.main .box-cont ul.tab li a {padding: 1px 0;}
.main .box-cont .search-addr {}
.main .box-cont .search-addr input.basic,
.main .box-cont .search-addr select.basic {padding: 5px 10px; height: 36px; font-size: 14px;}
.main .box-cont .search-addr input.basic:first-child,
.main .box-cont .search-addr select.basic:first-child {margin-left: 0 !important;}
.main .box-cont .search-addr .btn {margin: 0; padding: 0.54em 1.4em; width: 100%; font-size: 1em;}
.main .box-cont .search-addr .line {margin-top: 10px;}
.main .box-cont .search-addr .line.i1,
.main .box-cont .search-addr .line.i2 {line-height: 0; font-size: 0; white-space: nowrap;}
.main .box-cont .search-addr .line.i1 select.basic {margin-left: 12px; width: 235px;}
.main .box-cont .search-addr .line.i2 input.basic,
.main .box-cont .search-addr .line.i2 select.basic {margin-left: 10px; width: 154px;}


/* 2-3. table.basic */

.main .box-cont table.basic {margin: 0; border: 0;}
.main .box-cont table.basic th,
.main .box-cont table.basic td {height: 38px; padding: 2px 5px; border: 0; font-size: 0.9em; line-height: 1.2;}
.main .box-cont table.basic th {padding-top: 3px; padding-bottom: 3px; color: #fff; background-color: #9ca2b6;}
.main .box-cont table.basic td.thick {color: #333; font-weight: 400;}


/* 2-4. shortcut */

.main .box-cont .shortcut-ico {padding: 25px 131px 25px 0; text-align: center;}
.main .box-cont .shortcut-ico li {position: relative; width: 33.333333%;}
.main .box-cont .shortcut-ico li:after {display: block; content: ""; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background-color: #d4d7e1;}
.main .box-cont .shortcut-ico li:first-child::after {display: none;}
.main .box-cont .shortcut-ico li a {display: block; padding-top: 60px; font-weight: 500;}
.main .box-cont .shortcut-ico li.i01 a {background: url(../images/main/icnDiv01.png) center 0 no-repeat;}
.main .box-cont .shortcut-ico li.i02 a {background: url(../images/main/icnDiv02.png) 55% 0 no-repeat;}
.main .box-cont .shortcut-ico li.i03 a {background: url(../images/main/icnDiv03.png) center 0 no-repeat;}
.main .box-cont .shortcut-ico + .btn {position: absolute; top: 25px; right: 20px; margin: 0; padding: 0; width: 111px; line-height: 105px; font-size: 1.25em; text-align: center;}
.main .box-cont .shortcut-ico + .btn span {line-height: 1.5;}
.main .box-cont .shortcut-btn {position: absolute; bottom: 0; left: 0; bottom: 0; width: 100%;}
.main .box-cont .shortcut-btn li {width: 50%; border-top: 1px solid #d4d7e1;}
.main .box-cont .shortcut-btn li a {display: block; margin-left: -1px; padding: 0 20px; line-height: 53px; font-size: 1.25em; font-weight: 500; background: #f5f5f8 url(../images/main/icnMoreBoxArr.png) 90% center no-repeat; border-left: 1px solid #d4d7e1;}


/* 2-5. board-lst */

.main .box-cont .board-lst {}
.main .box-cont .board-lst li {position: relative; border-top: 1px solid #d4d7e1;}
.main .box-cont .board-lst li > a {display: block; padding: 0 90px 0 19px; line-height: 42px; color: #666; font-weight: 400;}
.main .box-cont .board-lst li span {vertical-align: top;}
.main .box-cont .board-lst li .subject {position: relative; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.main .box-cont .board-lst li.new .subject {max-width: 95%; padding-right: 15px;}
.main .box-cont .board-lst li.new .subject:after {display: block; content: "N"; position: absolute; top: 0; right: 0; color: #3262b9; font-weight: 900;}
.main .box-cont .board-lst li .date {position: absolute; top: 0; right: 10px; width: 80px; color: #999; text-align: center;}


/* 2-6. box6 */

.main .box-cont.box6 {background-position: center center; background-repeat: no-repeat; text-align: right;}
.main .box-cont.box6 > div {padding-right: 30px;}
.main .box-cont.box6 .title {line-height: 1.2; padding: 30px 0 10px; font-size: 1.88em; color: #3262b9;}
.main .box-cont.box6 .title em {font-weight: bold;}
.main .box-cont.box6 .text {font-weight: 500; text-decoration: underline;}
.main .box-cont.box6 .button {margin-top: 30px;}
.main .box-cont.box6 .btn {padding: 0; width: 103px; line-height: 73px; font-size: 1em; text-align: center;}
.main .box-cont.box6 .btn span {line-height: 1.4;}


/* 3. ft-banner */

.main .ft-banner {background-color: #fff;}
.main .ft-banner .ctrl {position: absolute; top: 0; left: 0; width: 100%; line-height: 0;}
.main .ft-banner .ctrl a {position: absolute; top: 25px; margin: 0; padding: 0; width: 30px; height: 30px; line-height: 0; font-size: 0; background-position: center center; background-repeat: no-repeat;}
.main .ft-banner .ctrl a.prev {left: 0; background-image: url(../images/main/icnPrevWhite.png);}
.main .ft-banner .ctrl a.next {right: 0; background-image: url(../images/main/icnNextWhite.png);}
.main .ft-banner .list {margin: 0 40px;}
.main .ft-banner .list li {width: 152px !important;}
.main .ft-banner .list li a {display: block; line-height: 80px; text-align: center;}
.main .ft-banner .list li img {display: inline-block; margin-top: -5px; vertical-align: middle;}
.main .ft-banner .bx-pager,
.main .ft-banner .bx-controls-direction {display: none;}


@media screen and (max-width: 899px) {

	.main .wrap {width: 750px;}
	.main #content {margin: 0 auto; width: 670px;}
	.main section > div {margin: 0; width: 100%;}

	/* 1. visual */
	.main .visual .v-text {margin: 0 auto; padding-left: 0; width: 670px;}
	.main .visual .v-text .title {font-size: 2.4em;}
	.main .visual .v-text .btn {font-size: 0.88em;}

	.main .visual-banner {display: none;}
	
	/* 2. box-cont */
	.main .box-cont {padding-bottom: 30px; height: 100%;}
	.main .box-cont > div {padding: 0 30px;}
	.main .box-cont .more {width: 71px; height: 71px;}

	/* 2-2. search-addr */
	.main .box-cont ul.tab {border-bottom: 0;}
	.main .box-cont ul.tab li {height: 80px;}
	.main .box-cont ul.tab li a {padding: 6px 60px 6px 0;}
	.main .box-cont .search-addr input.basic,
	.main .box-cont .search-addr select.basic {height: 52px; line-height: 34px; font-size: 20px;}
	.main .box-cont .search-addr .line.i1 select.basic {width: 298px;}
	.main .box-cont .search-addr .line.i2 input.basic,
	.main .box-cont .search-addr .line.i2 select.basic {width: 196px;}

	/* 2-4. shortcut */
	.main .box-cont .shortcut-ico {padding-right: 150px;}
	.main .box-cont .shortcut-ico + .btn {right: 30px; width: 120px; line-height: 126px;}
	.main .box-cont .shortcut-btn {position: static;}
	.main .box-cont .shortcut-btn li a {padding-left: 30px; line-height: 68px;}

	/* 2-5. board-lst */
	.main .box-cont .board-lst li > a {padding: 0 130px 0 30px; line-height: 68px; }
	.main .box-cont .board-lst li .date {width: 110px;}

	/* 2-6. box6 */
	.main .box-cont.box6 {background-size: 100% 100%;}
	.main .box-cont.box6 .btn {width: 150px; font-size: 0.88em;}

	/* 3. ft-banner */
	.main .ft-banner .ctrl a.prev {left: 40px;}
	.main .ft-banner .ctrl a.next {right: 40px;}
	.main .ft-banner .list {margin: 0 auto; width: 600px;}
	.main .ft-banner .list li {width: 150px !important;}

}



/* 180904 */

/* 1. visual */

.main .visual-banner ul li > a {background-position: center center; background-repeat: no-repeat;}

	
/* 2. box-cont */

.main .box-cont {margin-bottom: 1em; background-position: center center; background-repeat: no-repeat;}
.main .box-cont .title.color {color: #3262b9;}
.main .box-cont .more {z-index: 3;}

.main .box-cont.red {border-color: #d9a399;}
.main .box-cont.red .title {color: #e37863;}
.main .box-cont.red table.basic th {background-color: #d9a399;}


@media screen and (max-width: 899px) {

	.main section > div {margin: 0 !important; width: 100% !important;}

	/* 1. visual */
	.main .visual-banner ul li > a {background-size: cover;}

	/* 2. box-cont */
	.main .box-cont {margin-left: 0 !important; width: 100% !important; height: 100% !important; background-size: cover; box-sizing: border-box;}

	/* 2-2. search-addr */
	.main .box-cont .search-addr input.basic,
	.main .box-cont .search-addr select.basic {height: 52px !important; line-height: 34px !important; font-size: 20px !important;}
	.main .box-cont .search-addr .line.i1 select.basic {width: 298px !important;}
	.main .box-cont .search-addr .line.i2 input.basic,
	.main .box-cont .search-addr .line.i2 select.basic {width: 196px !important;}
	.main .box-cont .search-addr .line.i2 input.basic {margin-left: 10px !important;}

	/* 2-6. box6 */
	.main .box-cont.box6 .btn {width: 150px !important; line-height: 106px !important;}

}





/* 181022 */

/* main2 */

/*.main_type2 {min-width: 1600px;}
.main_type2 .wrap {width: 1600px;}*/
.main_type2 #container {position: relative;}
.main_type2 #content {width: 100% !important;}

@media screen and (max-width: 899px) {

	/*.main_type2 {min-width: 750px;}
	.main_type2 .wrap {width: 750px;}*/

	.main_type2 .wrap {width: 670px !important;}
}

/* main2 - header */

.main_type2 header {border-bottom: 0;}


/* main2 - visual slide */

.main_type2 .visual {position: relative; height: 690px;}
.main_type2 .visual-slide {}
.main_type2 .visual-slide li {height: 690px; background-position: center center; background-repeat: no-repeat;} 
.main_type2 .visual-slide li .v-text {padding: 110px 0 0 70px;}
.main_type2 .visual-slide li .v-text .title {padding-top: 0; line-height: 1.2; font-size: 4.3em; color: #274782; font-weight: 500; background: none; letter-spacing: -2px;}
.main_type2 .visual-slide li .v-text p.basic {margin-bottom: 0.5em; height: 3em; font-size: 1.95em; color: #000; font-weight: 400; opacity: 0.6; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; overflow: hidden;}

.main_type2 .visual-slide .ctrl {position: absolute; top: 0; left: 0; width: 100%; height: 0;}
.main_type2 .visual-slide .bx-pager.bx-default-pager {top: 70px; left: 70px; width: auto;}
.main_type2 .visual-slide .bx-pager.bx-default-pager a {width: 6px; height: 6px; background-color: #bebebe;}
.main_type2 .visual-slide .bx-pager.bx-default-pager a.active {width: 40px; background-color: #3262b9;}
.main_type2 .visual-slide .bx-controls-direction {display: none;}

@media screen and (max-width: 899px) {

	.main_type2 .visual {height: auto}
	.main_type2 .visual-slide li {height: 570px; text-align: center;}
	.main_type2 .visual-slide li .v-text {padding: 135px 0 0 0;}
	.main_type2 .visual-slide li .v-text .title {font-size: 2.8em;}
	.main_type2 .visual-slide li .v-text p.basic {font-size: 1.2em;}

	.main_type2 .visual-slide .bx-pager.bx-default-pager {top: 90px; left: 0; width: 100%;}
	.main_type2 .visual-slide .bx-pager.bx-default-pager a {margin: 0 10px; width: 10px; height: 10px;}

}

/* main2 - cont */

.main_type2 .visual-cont {position: absolute; top: 0; left: 0; width: 100%; height: 0;}

@media screen and (max-width: 899px) {

	.main_type2 .visual-cont {position: relative; height: auto;}
	.main_type2 .visual-cont .wrap {width: 100%;}

}

/* main2 - visual-banner */

.main_type2 .visual-banner {position: absolute; top: 75px; left: 100%; margin-left: -876px; width: 806px; border: 0;}
.main_type2 .visual-banner ul li {background-color: #b43029;}
.main_type2 .visual-banner ul li > a {padding: 40px 65px 10px; height: 338px; background-position: right bottom !important;}
.main_type2 .visual-banner ul li .vb-text {padding: 0; text-align: left;}
.main_type2 .visual-banner ul li .vb-text .title {line-height: 1.2em; font-size: 2.3em;}
.main_type2 .visual-banner ul li .vb-text .title em {font-weight: 500;}
.main_type2 .visual-banner ul li .vb-text .moreArr {padding: 10px 15px; width: 125px; color: #fff; background: #242424 url(../images/main2/icnMoreArrow.png) 90% center no-repeat;}

@media screen and (max-width: 899px) {

	.main_type2 .visual-banner {display: block; top: 0; left: 50%; margin: -282px 0 0 -340px; width: 680px;}
	.main_type2 .visual-banner ul li > a {padding: 20px 35px 5px; background-size: auto 70%;}
	.main_type2 .visual-banner ul li .vb-text .title {font-size: 1.5em;}
	.main_type2 .visual-banner ul li .vb-text p.basic {font-size: 0.8em;}
	.main_type2 .visual-banner ul li .vb-text .moreArr {padding: 5px 15px; font-size: 0.8em;}

}

/* main2 - main service */

.main_type2 .main-service {position: absolute; top: 470px; left: 70px; padding: 0 105px; width: 1250px; background-color: #fff;}
.main_type2 .main-service > div {border-left: 1px solid #efefef; border-right: 1px solid #efefef;}
.main_type2 .main-service ul {text-align: center;}
.main_type2 .main-service ul li {width: 156px !important; border-right: 1px solid #efefef;}
.main_type2 .main-service ul li a {display: block; padding-top: 95px; height: 165px; line-height: 1.3; font-size: 1.2em; color: #2e2e2e; background-position: center 24px; background-repeat: no-repeat; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; box-sizing: border-box;}
.main_type2 .main-service ul li a:hover {color: #fff; background-color: #c4cad3;}

.main_type2 .main-service ul li.i01 a {background-image: url(../images/main2/icnService01.png);}
.main_type2 .main-service ul li.i02 a {background-image: url(../images/main2/icnService02.png);}
.main_type2 .main-service ul li.i03 a {background-image: url(../images/main2/icnService03.png);}
.main_type2 .main-service ul li.i04 a {background-image: url(../images/main2/icnService04.png);}
.main_type2 .main-service ul li.i05 a {background-image: url(../images/main2/icnService05.png);}
.main_type2 .main-service ul li.i06 a {background-image: url(../images/main2/icnService06.png);}
.main_type2 .main-service ul li.i07 a {background-image: url(../images/main2/icnService07.png);}
.main_type2 .main-service ul li.i08 a {background-image: url(../images/main2/icnService08.png);}

.main_type2 .main-service ul li.i01 a:hover {background-image: url(../images/main2/icnService01On.png);}
.main_type2 .main-service ul li.i02 a:hover {background-image: url(../images/main2/icnService02On.png);}
.main_type2 .main-service ul li.i03 a:hover {background-image: url(../images/main2/icnService03On.png);}
.main_type2 .main-service ul li.i04 a:hover {background-image: url(../images/main2/icnService04On.png);}
.main_type2 .main-service ul li.i05 a:hover {background-image: url(../images/main2/icnService05On.png);}
.main_type2 .main-service ul li.i06 a:hover {background-image: url(../images/main2/icnService06On.png);}
.main_type2 .main-service ul li.i07 a:hover {background-image: url(../images/main2/icnService07On.png);}
.main_type2 .main-service ul li.i08 a:hover {background-image: url(../images/main2/icnService08On.png);}

.main_type2 .main-service .bx-pager {display: none;}
.main_type2 .main-service .bx-controls-direction a {top: 0; margin-top: 0; width: 105px; height: 165px;}
.main_type2 .main-service .bx-controls-direction a.bx-prev {left: -105px; background: url(../images/main2/icnPrevService.png) center center no-repeat;}
.main_type2 .main-service .bx-controls-direction a.bx-next {right: -105px; background: url(../images/main2/icnNextService.png) center center no-repeat;}

@media screen and (max-width: 899px) {

	.main_type2 .main-service {position: relative; top: 0; left: 0; padding: 0 55px; width: 100%; box-sizing: border-box;}
	.main_type2 .main-service ul li {width: 136px !important;}
	.main_type2 .main-service ul li a {font-size: 0.8em;}

	.main_type2 .main-service .bx-controls-direction a {width: 55px;}
	.main_type2 .main-service .bx-controls-direction a.bx-prev {left: -55px;} 
	.main_type2 .main-service .bx-controls-direction a.bx-next {right: -55px;}

}

/* main2 - Integration */

.main_type2 .integration {position: absolute; top: 305px; left: 70px;}
.main_type2 .integration .btn {margin-bottom: 0; padding: 25px 145px 25px 40px; font-size: 1.15em; color: #a3bef3; font-weight: 300; background: #5474c0 url(../images/main2/icnSearchmap.png) 95% center no-repeat; border: 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.main_type2 .integration .btn span {font-size: 1.25em; color: #fff;}
.main_type2 .integration .btn span.place {margin-bottom: 5px;padding-left: 25px; background: url(../images/main/icnVisualPlace.png) 0 center no-repeat;}

@media screen and (max-width: 899px) {

	.main_type2 .integration {position: relative; top: 0; left: 0;}
	.main_type2 .integration .btn {display: block; padding: 25px 55px; width: 100%; font-size: 0.85em; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; box-sizing: border-box;}

}

/* main2 - section */

.main_type2 section {padding: 0; background-color: #fff;}
.main_type2 section.float > div {position: relative; margin: 0; width: 33.333333%;}
.main_type2 section.float > div + div:after {display: block; content: ""; position: absolute; top: 0; left: -1px; width: 2px; height: 100%; background-color: #fff;}

@media screen and (max-width: 899px) {

	.main_type2 section.float > div + div:after {display: none;}

}

/* main2 - box-cont */

.main_type2 .box-cont {margin-bottom: 0; padding: 85px 60px 10px; height: 476px; background-position: center center; background-repeat: no-repeat; border: 0;}
.main_type2 .box-cont > div {margin: 0 auto; padding: 0; width: 420px;}
.main_type2 .box-cont .title {padding-top: 50px; font-size: 1.6em; color: #000;}
.main_type2 .box-cont p.basic {margin-bottom: 2em; color: #333; font-weight: 400;}

@media screen and (max-width: 899px) {

	.main_type2 .box-cont {margin-top: 5px; padding: 15px 20px; height: auto; min-height: 380px; background-size: 110% auto !important;}
	.main_type2 .box-cont > div {width: 608px;}

}

/* main2 - ul.tab */

.main_type2 .box-cont ul.tab li {color: #fff; background-color: #797c87; border-color: #797c87;}
.main_type2 .box-cont ul.tab li span {opacity: 0.5;}

.main_type2 .box-cont ul.tab li:hover,
.main_type2 .box-cont ul.tab li:focus,
.main_type2 .box-cont ul.tab li.on {color: #fff; background-color: #3872dc; border-color: #2d5bb0;}
.main_type2 .box-cont ul.tab li:hover span,
.main_type2 .box-cont ul.tab li:focus span,
.main_type2 .box-cont ul.tab li.on span {opacity: 1;}
.main_type2 .box-cont ul.tab li.on {font-weight: 700; text-decoration: underline;}


/* main2 - search */

.main_type2 .box-cont .search-key-recent {margin-top: 2.5em; padding-top: 2.5em;}
.main_type2 .box-cont .search-key-recent dt {margin-bottom: 5px; font-size: 1.3em; color: #474952;}

.main_type2 .box-cont .search-addr .btn {font-size: 1.5em; background-color: #474952;}
.main_type2 .box-cont .search-addr .btn:hover {background-color: #3872dc;}
.main_type2 .box-cont .search-addr .line.i1 select.basic {width: 204px;}
.main_type2 .box-cont .search-addr .line.i2 select.basic,
.main_type2 .box-cont .search-addr .line.i2 input.basic {margin-left: 7.5px; width: 135px;}


/* main2 - shortcut */

.main_type2 ul.shortcut-lst {position: relative; margin: 0 auto; width: 528px; background-position: center center; background-repeat: no-repeat; text-align: center;}
.main_type2 ul.shortcut-lst li {position: relative; width: 33.333333%; height: 130px;}
.main_type2 ul.shortcut-lst li:after {display: block; content: ""; position: absolute; top: 0; left: 0px; width: 1px; height: 100%; background-color: #fff; background-color: rgba( 255, 255, 255, 0.2 ); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#33ffffff, endColorStr=#33ffffff ); -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#33ffffff, endColorStr=#33ffffff )";}
.main_type2 ul.shortcut-lst li + li + li:before {display: block; content: ""; position: absolute; top: 0; left: 0px; width: 100%; height: 1px; background-color: #fff; background-color: rgba( 255, 255, 255, 0.2 ); filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#33ffffff, endColorStr=#33ffffff ); -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#33ffffff, endColorStr=#33ffffff )";}
.main_type2 ul.shortcut-lst li.subject:after {display: none;}
.main_type2 ul.shortcut-lst li > a {display: block; position: relative; padding-top: 85px; height: 130px; font-size: 18px; color: #fff; background-position: center 20px; background-repeat: no-repeat; box-sizing: border-box;}
.main_type2 ul.shortcut-lst li > a:hover::after {display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba( 255, 255, 255, 0.2 ); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#33ffffff, endColorStr=#33ffffff ); -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#33ffffff, endColorStr=#33ffffff )";}
.main_type2 ul.shortcut-lst li.subject > div {display: inline-block; line-height: 1.2em; font-size: 20px; color: #fff; font-weight: 500; vertical-align: middle;}

.main_type2 ul.shortcut-lst.sL1 {height: 260px; background-image: url(../images/main2/bgShortcut01.png);}
.main_type2 ul.shortcut-lst.sL1 li.subject {height: 260px; line-height: 260px;}
.main_type2 ul.shortcut-lst.sL1 li.i01 a {background-image: url(../images/main2/icnShortcut01_01.png);}
.main_type2 ul.shortcut-lst.sL1 li.i02 a {background-image: url(../images/main2/icnShortcut01_02.png);}
.main_type2 ul.shortcut-lst.sL1 li.i03 a {background-image: url(../images/main2/icnShortcut01_03.png);}
.main_type2 ul.shortcut-lst.sL1 li.i04 a {background-image: url(../images/main2/icnShortcut01_04.png);}

.main_type2 ul.shortcut-lst.sL2 {height: 130px; background-image: url(../images/main2/bgShortcut02.png);}
.main_type2 ul.shortcut-lst.sL2:after {display: block; content: ""; position: absolute; top: 0; left: 0px; width: 100%; height: 1px; background-color: #fff; background-color: rgba( 255, 255, 255, 0.2 ); filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#33ffffff, endColorStr=#33ffffff ); -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#33ffffff, endColorStr=#33ffffff )"; }
.main_type2 ul.shortcut-lst.sL2 li.subject {height: 130px; line-height: 130px;}
.main_type2 ul.shortcut-lst.sL2 li.i01 a {background-image: url(../images/main2/icnShortcut02_01.png);}
.main_type2 ul.shortcut-lst.sL2 li.i02 a {background-image: url(../images/main2/icnShortcut02_02.png);}

@media screen and (max-width: 899px) {

	.main_type2 ul.shortcut-lst {width: 608px; background-size: 100% 100% !important;}

}

/* main2 - board */

.main_type2 .board {padding: 80px 0 100px;}
.main_type2 .board .wrap {margin: 0 auto !important;}
.main_type2 .board .title {margin-bottom: 70px; font-size: 34px; color: #000; font-weight: 400; text-align: center;}
.main_type2 .board .float {padding: 0 15px;}
.main_type2 .board .box-cont {padding: 0; width: 760px; height: 365px; background-color: transparent;}
.main_type2 .board .box-cont + .box-cont {margin-left: 50px;}

.main_type2 .board .box-cont ul.tab {border-bottom: 0;}
.main_type2 .board .box-cont ul.tab li {color: #fff; background-color: #cbcfd8; border-color: #cbcfd8;}
.main_type2 .board .box-cont ul.tab li span {opacity: 1;}

.main_type2 .board .box-cont ul.tab li:hover,
.main_type2 .board .box-cont ul.tab li:focus,
.main_type2 .board .box-cont ul.tab li.on {color: #fff; background-color: #3872dc; border-color: #2d5bb0;}
.main_type2 .board .box-cont ul.tab li:hover span,
.main_type2 .board .box-cont ul.tab li:focus span,
.main_type2 .board .box-cont ul.tab li.on span {opacity: 1;}

.main_type2 .board table.basic {border-top: 1px solid #5474c0;}
.main_type2 .board table.basic th {font-weight: 500; background-color: #e4e8ee;}
.main_type2 .board table.basic th,
.main_type2 .board table.basic td {height: 48px; font-size: 18px; color: #000;}
.main_type2 .board table.basic td {border-bottom: 1px solid #d2d2d2;}

.main_type2 .board .box-cont .board-lst {border-top: 1px solid #5474c0; border-bottom: 1px solid #d2d2d2;}
.main_type2 .board .box-cont .board-lst li {border-color: #d2d2d2;}
.main_type2 .board .box-cont .board-lst li:first-child {border-top: 0;}
.main_type2 .board .box-cont .board-lst li span {font-size: 18px;}
.main_type2 .board .box-cont .board-lst li .subject {color: #000;}

@media screen and (max-width: 899px) {

	.main_type2 .board .box-cont ul.tab,
	.main_type2 .board table.basic,
	.main_type2 .board .box-cont .board-lst {margin: 0 auto; width: 608px !important;}
	.main_type2 .board .box-cont + .box-cont {margin: 50px 0 0;}

}


/* 2018-11-10 */

@media screen and (max-width: 899px) {

	.main_type2 header .wrap {width: 750px !important;}

}

.main_type2 .visual-banner ul li > a.full {background-repeat: no-repeat; background-position: 50% !important; background-size: cover !important;}
.main_type2 .visual-banner ul li > a.full .vb-text {display: none !important;}

@media screen and (max-width: 899px) {

	.main .box-cont.low2 {width: 670px !important;}
	
	.main .box-cont ul.tab li {height: 60px;} /* 임의 수정인데 이상하면 빼도 됨! */
	.main .box-cont ul.tab li a span {height: 48px;} /* 임의 수정인데 이상하면 빼도 됨! */
	
	.main .box-cont .search-addr #addrPanel2 .line.i1 select.basic {width: 298px !important;}
	.main .box-cont .search-addr #addrPanel2 .line.i2 select.basic#selectStGbn {width: 192px !important;}

	header .hdsearch .search-key-recent-mb {display: none !important;}

	.main .box-cont table.basic th,
	.main .box-cont table.basic td {padding-top: 5px; padding-bottom: 5px;}

}