@charset "utf-8";

body.main #_wrap, .remote > li > button, .remote > li:after, .boxLink > a, .boxLink > a:after, .boxLink > a:hover > .btn:after, .iconLink > ul > li > a:before {-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.tab_visible {visibility: hidden; position: absolute !important; top: -99999px;}
._first dd{position:initial;right: 26px;top: 10px;bottom: 70px;}
.moj_visual2 .imgBox{text-align: center;position: absolute;top: 0;}
.moj_visual2 .bx-wrapper .bx-viewport ul li img{width:186px !important;height: 150px;}
.moj_visual2 .bx-wrapper .bx-viewport ul li dl dt{width: 100%;margin-left: 4px;}
/* 동영상 */
#menu227_obj8156{top:130px}#menu227_obj10745{position:absolute}#menu227_obj10745 p{color:red; font-weight:500}
/**[Container]********************************************************/
body.main #_wrap #_wrapArticle #_container .multipleDiv#multipleDiv_moj_2415 {max-width: 100%;}
.multipleDiv .visualText, .multipleContentsDiv {max-width: 1280px; margin: 0 auto;}
.multipleDiv .multipleContentsDiv#multipleContentsDiv_moj_17097{max-width:100%;}
body.main.Tablet #_wrap #_wrapArticle #_container .multipleDiv, body.main.Mobile #_wrap #_wrapArticle #_container .multipleDiv {padding: 0;}
/***************************************************** 상단 text & button *//* text */
.mainText, .mainText p {color: #fff; font-size: 26px; font-weight: 200; letter-spacing: -1px; line-height: 1.4;}
.mainText p {font-size: 35px; font-weight: 300;}
.mainText p:after {content:''; display: inline-block; width: 69px; height: 1px; background-color: #fff;}
/* button */
.remote {text-align: right; margin-right: 10px;}
.remote > li {width: 80px; display: inline-block; margin: 0 15px;}
.remote > li > button {width: 80px; height: 80px; color: #fff; font-size: 20px; font-weight: 500; border: 1px solid #fff; border-radius: 50%; box-sizing: border-box;}
.remote > li > button:hover,
.remote > li.active > button {background: url('/sites/moj/images/main/remote_active.png') center top no-repeat; border: 0;}
.remote > li:after {content: ''; display: block; width: 23px; height: 0; margin: 5px auto 0; background: url('/sites/moj/images/main/remote_active_bottom.png') center top no-repeat;}
.remote > li.active:after, .remote > li:hover:after {height: 8px;}
/***************************************************** 알림 *//* 열린장관실 링크 */
.ministerWrap {height: 230px; background: url('/sites/moj/images/main/ministerWrap_bg2.png') right top no-repeat; padding: 22px 25px; box-sizing: border-box; background-size: cover;}
.ministerWrap h3 {color: #fff; font-size: 18px; margin-bottom: 8px;}
.ministerWrap .nameBox {color: #fff; font-size: 14px; font-weight: 400; margin-bottom: 15px;}
.ministerWrap .nameBox img {margin-top: 9px;}
.ministerWrap .linkList {overflow: hidden;}
.ministerWrap .linkList li {float: left; width: 64px; height: 64px; margin-right: 3%}
.ministerWrap .linkList li > a {display: block; width: 100%; height: 100%; border-radius: 50%; background-color: rgba(23, 63, 120, 0.8); color: #fff; font-size: 14px; text-align: center; line-height: 1.2; padding-top: 16px; box-sizing: border-box; transition: all 0.2s ease;}
.ministerWrap .linkList li > a:hover {background-color: rgba(23, 63, 120, 1);}
/* 임시작업(장관퇴임) */
.ministerWrap.before { background: url('/sites/moj/images/main/ministerDefault_bg2.jpg') 50% top no-repeat !important; }
.ministerWrap.before .nameBox { height: 68px; overflow: hidden;  }
.ministerWrap2 .linkList {overflow: hidden;position: absolute;bottom: 25px;width: 100%;left: 25px;}
.ministerWrap2 .linkList li {float: left; width: 64px; height: 64px; margin-right: 3%}
.ministerWrap2 .linkList li > a {display: block; width: 100%; height: 100%; border-radius: 50%; background-color: rgba(23, 63, 120, 0.8); color: #fff; font-size: 14px; text-align: center; line-height: 1.2; padding-top: 16px; box-sizing: border-box; transition: all 0.2s ease;}
.ministerWrap2 .linkList li > a:hover {background-color: rgba(23, 63, 120, 1);}
/* 민원서비스 */
.minwonSearch {display: inline-block; width: 100%; height:285px; background-color:#d8e3da; padding: 30px 30px; text-align:center; border-radius:10px 10px; box-sizing: border-box;}
.minwonSearch h2 {margin-bottom:16px; color: #222; font-size: 22px; font-weight: 500; text-align:left;}
.minwonSearch .minwon_list	{position: relative; margin-bottom:17px; text-align: left;}
.minwonSearch .minwon_list button	{overflow: hidden; position: relative; width: 100%; height: 40px; padding: 0 35px 0 15px; border: 2px solid #b1cece; background-color: rgba(255,255,255,1); color: #555; font-size: 17px; text-align: left; box-sizing: border-box;  white-space: nowrap; text-overflow: ellipsis;}
.minwonSearch .minwon_list button:after	{content: ""; background: url("/sites/moj/images/main/arr_btn.png") left top no-repeat; width: 15px; height: 8px; position: absolute; top: 12px; right: 15px; transition: all 0.2s ease;}
.minwonSearch .minwon_list button.on:after	{background-position: left bottom; transform: rotate(180deg);}
.minwonSearch .minwon_list > ul	{display: none; position: absolute; left: 0; width: 100%;max-height: 90px; min-height: auto; margin-top:-2px; padding: 0 15px; background-color: #FFF; border:2px solid #b1cece; overflow-y: auto; color: #494949; box-sizing: border-box; z-index: 2;}
.minwonSearch .minwon_list > .t2_1{margin-top: 13px;}
.minwonSearch .minwon_list > ul.t1_2{z-index: 3;}
.minwonSearch .minwon_list > ul li{padding: 7px 0; color: #494949; font-size: 14px;}
.minwonSearch .minwon_list > ul li a	{color: #494949; font-size: 15px; display: block;}
.minwonSearch .minwon_list > ul.t1_2 li.on a{color: #1674cb; font-weight: 400; text-decoration:underline;}
.minwonSearch .minwon_list > ul.t2_2 > li{display: none;}
.minwonSearch .minwon_list > ul.t2_2 > li.on{display: block;}
.minwonSearch .minwon_list > ul.t2_2 li.on a.select{color: #1674cb; font-weight: 400; text-decoration:underline;}
.minwonSearch .go_btn{display: inline-block; padding: 8px 15px;background-color:#377A78; color: #FFF; font-size: 17px; text-align: center; border-radius:10px 10px;  box-sizing: border-box;}
/***************************************************** 소통 *//* box링크 */
.boxLink {height: 100%;}
.boxLink h3 {color: #fff; font-size: 24px; font-weight: 400; margin-bottom: 10px;}
.boxLink > a {position: relative; display: block; width: 100%; height: 100%; padding: 20px 25px; box-sizing: border-box;}
.boxLink > a > p {color: #fff; opacity: 0.7;}
.boxLink > a:after {content: ''; width: 129px; height: 118px; position: absolute; right: -8px; bottom: -25px; background-position: right bottom; background-repeat: no-repeat;}
.boxLink > a:hover:after {bottom: -6px !important;}
.boxLink > a > .btn {padding: 10px 20px;display: inline-block;font-weight: bold;color: #fff !important;text-decoration: none;position: absolute;top: 145px;left: 0;width: 36px;height: 36px;text-indent: -5000px;background: url(../images/moreBtn.png) center center no-repeat;}
.boxLink > a:hover > .btn:after {right: 0; width: 68px;}
.boxLink.card > a {background: #4d86fa url('/sites/moj/images/main/box_card.png') right bottom no-repeat;}
.boxLink.card > a:after {background-image: url('/sites/moj/images/main/box_card_icon.png');}
.boxLink.movie h3 {color: #373737;}
.boxLink.movie > a {background: #fff}
.boxLink.movie > a > p {color: #767676; opacity: 1;}
.boxLink.movie > a:after {background-image: url('/sites/moj/images/main/box_movie_icon.png'); bottom: -15px;}
.boxLink.stats > a {background: #ce4f3e url('/sites/moj/images/main/box_stats.png') right bottom no-repeat;}
.boxLink.stats > a:after {background-image: url('/sites/moj/images/main/box_stats_icon.png'); bottom: -15px;}
.boxLink.letter > a > p, .boxLink.policy > a > p {opacity: 1;}
.boxLink.policy > a > p span.block {color: #fff; display: block;}
.boxLink.letter > a:after, .boxLink.policy > a:after {display: none;}
.boxLink.letter > a {background: url('/sites/moj/images/main/box_letter.jpg') left top no-repeat;}
.boxLink.policy > a {background: url('/sites/moj/images/main/box_policy.jpg') left top no-repeat;}
/* icon링크 */
.iconLink > ul > li > a {position: relative; color: #fff; font-size: 18px; display: block; background-color: rgba(0, 73, 141, 0.7); padding: 12px 30px 11px; box-sizing: border-box; border-bottom: 1px solid rgba(185, 189, 192, 0.1);outline-offset:-2px;}
.iconLink > ul > li:last-child > a {border-bottom-color: rgba(0, 73, 141, 0.7); }
.iconLink > ul > li > a:before {content: ''; display: inline-block; width: 66px; height: 66px; background: url('/sites/moj/images/main/iconLink_icon.png') center top no-repeat; margin-right: 15px; vertical-align: middle;}
.iconLink > ul > li.ic02 > a:before {background-position: center -90px;}
.iconLink > ul > li.ic03 > a:before {background-position: center -180px;}
.iconLink > ul > li.ic04 > a:before {background-position: center -270px;}
.iconLink > ul > li.ic05 > a:before {background-position: center bottom;}
.iconLink > ul > li > a:after {content:''; position: absolute; top: 40px; right: 30px; width: 68px; height: 6px; background: url('/sites/moj/images/main/iconLink_arrow.png') right top no-repeat;}
.iconLink > ul > li > a:hover:after {
  animation-name: iconLink_arrow;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@keyframes iconLink_arrow {
  50% {
	-webkit-transform: translateX(-10px);
	-moz-transform: translateX(-10px);
	-o-transform: translateX(-10px);
	-ms-transform: translateX(-10px);
	transform: translateX(-10px);
  }
  100% {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
  }
}
/***************************************************** Banner Zone */
#multipleDiv_moj_2415 {background-color: #e7e7e7;}