@charset "utf-8";

#PZwindow73{position: absolute; z-index: 10;}
a:focus,
button:focus,
input:focus {outline: -webkit-focus-ring-color auto 5px;outline: -ms-focus-ring-color auto 5px;}

#progress {height: 3px;background: rgb(30, 56, 110);position: absolute;bottom: -3px;z-index: 99;}

/* top 메뉴 fixed */
.topMenu.fixed {position: fixed;top: 0;width: 100%;}
#progress.fixed {position: fixed;top: 44px;}

.w1200 {max-width: 1220px; margin: 0 auto; padding: 0 10px; box-sizing: border-box;}
body.Tablet .w1200, body.Mobile .w1200 {padding: 0;}

a.nw:after {
	content: ''; display: inline-block;
	width: 14px; height: 14px; margin-left: 5px;
	background: url('/sites/moj/images/nw_icon.png') right center no-repeat;
}
#menuUItab .div_4 > .ul_4 > li > a.nw:after {
  position: absolute; right: 12px; top: 16px;
}

/**[Layout]********************************************************/
#_wrap #_wrapHeader {height: 145px;}       
#_wrap #_wrapHeader #_header {
    position: relative;
    transition: all 0.3s ease;
    z-index: 3;
}
#_wrap #_wrapArticle {
    padding: 0;
    position: relative;
    z-index: 1;
}
#_wrap #_wrapFooter	{position: relative; z-index: 2;}
#_wrap #_wrapFooter #_footer {
    position: relative;
}
#topBtn {display: none;}
#topBtn button{
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 64px;
	height: 64px;
	background: url('../images/topBtn.png') center top no-repeat;
	border: 0;
	text-indent: -5000px;
	z-index: 101;
}

#skip .mo{display:none;}
@media all and (max-width : 861px){
   #skip .pc{display:none;}
   #skip .mo{display:block;}
}

/**[Header]********************************************************/
.guide-nuri-box{padding:8px 0 13px;border-bottom:1px solid #f2f2f2;}
.guide-nuri-box .w1200 > span{padding-left:13px;}
.guide-nuri-box img{padding-right:5px;vertical-align:middle;}
.search_lang.nice-select .list .option {color: #fff; padding: 3px 0;}
.search_lang.nice-select .list {
    top: 26px;
    background-color: #8697a4;
    color: #fff;
    border: 0;
    border-radius: 0 0 15px 15px;
}
.search_lang.nice-select .option:hover, .search_lang.nice-select .option.focus, .search_lang.nice-select .option.selected.focus {
    background-color: #577388;
}
.search_go {
	color: #fff; font-size: 12px;
	padding: 6px 12px 6px 7px; border: 0; border-radius: 0 100px 100px 0;
    background-color: #8697a4;
}

/* header - logo Area */
.logoWrap {display: inline-block; margin: 9px 0 12px; width: 100%;}
#_logo {float: left; margin: 8px 20px 0 0;}
#_logo a {
    display: block;
    width: 259px;
    height: 60px;
    /*background: url('../images/logo2.png') left top no-repeat;*/
    background: url('../images/logo_col3.png') left top no-repeat;
    background-size: 100%;
    font-size:0;
}
.logoWrap .rightArea {float: right;}
.top_direct2 {margin-top:16px; display: inline-block;}
@media all and (max-width: 1000px) {
  .top_direct2{margin-top: 0; margin-left:5px;}
}
/* 모바일 추가 */
@media all and (max-width : 861px){
  #_wrap #_wrapHeader {height: auto;}
  .rightArea{display:none;}
}
body.Mobile .top_direct2 {width:18vw; margin: 8px 0 0 5px;}
body.Mobile .top_direct2 > img {width: 100%;}

.topDir {overflow: hidden; margin-bottom: 5px; text-align: right;}
.topDir > ul > li {display: inline-block;}
.topDir > ul > li:after {content: ''; display: inline-block; width:1px; height: 9px; margin: 0 10px; background-color: #bbb;}
.topDir > ul > li:last-child:after {display: none;}
body.Mobile .topDir > ul > li:after {margin: 0 2px; background-color: inherit;}
.topDir > ul > li > a {color: #1d1d1b; font-size: 14px; }
/*body.Tablet .topDir > ul > li > a, body.Mobile .topDir > ul > li > a {color: #fff;}*/
.topDir > ul > li.taegugki > a img {vertical-align: middle; margin-right: 4px;}
body.Desktop .topDir > ul > li:nth-last-child(2):after,
body.Desktop .topDir > ul > li.siteMap,
/*.topDir > ul > li.siteMap:after {display: none;}*/

.search_btn_mobile {display: none;}
.searchWrap .rec, .searchWrap ul {overflow: hidden;}
.searchWrap .rec {float: left; margin: 7px 0 0 10px;}
.searchWrap .rec h2 {
    color: #fff;
    font-size: 13px;
    font-weight: 200;
    float: left;
    padding: 2px 9px;
    background-color: #28a2e7;
    text-align: center;
    border-radius: 4px;
    margin-right: 10px;
}
.searchWrap .rec > ul > li {float: left;}
.searchWrap .rec > ul > li > a {
    color: #b6b6b6;
    font-size: 13px;
    font-weight: 200;
}
.searchWrap .rec > ul > li:after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 9px;
    background-color: #bbbbbb;
    margin: 0 5px;
}
.searchWrap ul li:last-child:after {display: none;}

.searchForm {
    float: right;
    position: relative;
    border: 2px solid #27a1e8;
    border-radius: 25px;
    padding: 3px 40px 3px 3px;
    width: 428px;
	background-color: #fff;
}
.searchForm .search_btn {
    display: block;
    position: absolute;
    top: 8px;
    right: 10px;
    width: 18px;
    height: 18px;
    background: url('../images/select_top_btn.png') left top no-repeat;
    text-indent: -5000px;
}
.searchForm input[type="text"] {border: 0; width: 70%; color: #8d8d8d; font-size: 13px;}

.nice-select.search_top {
    background: none;
    border: 0;
    margin-right: 10px;
}
.search_top {
    background: none;
    border: 0;
    margin: 0 10px;
	font-size: 14px;
}
.nice-select.search_top .current {
    font-size: 14px;
    color: #27a1e8;
    padding: 0 15px 0 10px;
}
.nice-select.search_top:after {
    content: '';
    background: url('../images/sel_arrow_search_top.png') no-repeat center center;
    display: block;
    width: 7px;
    height: 5px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 11px;
    transition: all 0.15s ease-in-out;
}

.top_direct {float: right;}
.top_direct ul li {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

/**[주메뉴]********************************************************/
.topMenu {
    position: relative;
    width: 100%;
    height: 44px;
    /*border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;*/
    background-color: #fff;
    z-index: 100;
    overflow: hidden;
    /*transition: all 0.3s ease;*/
}
.topMenu .w1200 {padding: 0;}
.topMenu._on {
    border-bottom: 1px solid #28a2e7;
}
.topMenu:after {
    content: '';
    display: block;
    width: 100%;
    max-width: 1402px;
    height: 0;
    background: url('../images/gnb_bg.png') right bottom no-repeat;
    z-index: -1;
    margin : 0 auto;
    transition: height 0.2s ease-in-out 0.4s;
}
.topMenu._on:after {
    height: 100%;
}
.topMenu._on:before {
    content: '';
    display: block;
    position: absolute;
    top: 45px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #e7e7e7;
}

.top_div {
    position: relative;
    width: 100%;
}
.menuUItop{
    float: left;
    z-index: 100;
    width: 87.5%;
    max-height: 44px;
}
.menuUItop .top_div {
    margin: 0;
    padding: 0;
}
.menuUItop ul.ul_1{
	display: table;
    width: 100%;
}
.menuUItop ul.ul_1 li.li_1.eQ01,
.menuUItop ul.ul_1 li.li_1.eQ07 {background: none;}
.menuUItop ul.ul_1 li.li_1 {
    position: relative;
	display: table-cell;
    background: url('../images/li_1_line.png') right center no-repeat;
    border-bottom: 0px;
}
.menuUItop ul.ul_1 li.li_1:before {
    content: '';
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 3px;
    background-color: #28a2e7;
    transition: width 0.2s ease-in-out;
}
.menuUItop ul.ul_1 li.li_1.on:before {
    width: 100%;
}
.menuUItop ul.ul_1 li.li_1 a.a_1 {
    display: block;
    width: 100%;
    color: #37424c;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    /*padding: 16px 0;*/
    padding:8px 0;
    box-sizing: border-box;
}

.menuUItop li.eQ09 {display: none !important;}
.menuUItop li.eQ01 {/*border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7;*/ width: 155px;}
.menuUItop ul.ul_1 li.li_1.eQ01 a.a_1 {position: relative;/*color: #28a2e7;*/ color: #1489bf; padding-right: 25px;}
body.Desktop .menuUItop ul.ul_1 li.li_1.eQ06,
body.Desktop .menuUItop ul.ul_1 li.li_1.eQ07 {width: 148px;}
.menuUItop li.eQ01 a.a_1:after {
    content: '';
    display: block;
	position: absolute;
	top: 5px;
	right: 10px;
    width: 30px;
    height: 31px;
    background: url('../images/menu_online_icon.png') left center no-repeat;
}

.topMenu .allMenuBtn {
    float: right;
    display: block;
    color: #fff;
    text-align: center;
    width: 11%;
    height: 44px;
    margin-right:10px;
    line-height: 44px;
    background: url('../images/allMenuBtn_bg.png') center center no-repeat;
}
.topMenu .allMenuBtn:before {
    content: '';
    display: inline-block;
    width: 22px;
    height: 20px;
    background: url('../images/allMenuBtn_icon.png') left bottom no-repeat;
    margin-right: 10px;
    vertical-align: middle;
}

/* top 2차메뉴 */
.menuUItop ul.ul_1 li.li_1:after {
    content: "";
    position: absolute;
    top: 65px;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: #e7e7e7;
    min-height: 380px;
}
.menuUItop ul.ul_1 li.li_1.eQ07:after {display: none;}
.menuUItop ul.ul_1 li.li_1 .div_2 {
    position: absolute;
    top: 45px;
    left: 0;
    z-index: 101;
    padding: 20px 20px 0;
}
.menuUItop .div_2 .ul_2 li.li_2 {
    margin-bottom: 8px;
    line-height: 1.3;
}
.menuUItop .div_2 .ul_2 li a:hover,
.menuUItop .div_2 .ul_2 li a:focus,
.menuUItop .div_2 .ul_2 li a._active {
    /*color: #1489eb;*/
  color:#1174A2;
    font-weight: 500;
    text-decoration:underline;
}/* 220310_웹접근성 수정 */
.menuUItop .div_2 .ul_2 li a {
    color: #797676;
    font-size: 14px;
}
/**[모바일 - 메뉴열기/닫기]********************************************************/
.header_mo{display:none;}
.mMenuButton{display: none;}
@media screen and (max-width : 861px){
   	.header_mo{display:block;}
	
  /* 검색 */
  .search_btn_mobile {transition: all 0.25s ease; display: block; position: absolute; top: 18px; right: 80px; width: 50px; height: 35px; background: url('../images/search_btn_mobile.png') left top no-repeat; font-size:0;}
  .search_btn_mobile.close {right: 10px; background-position: right top;z-index: 11;}
  .searchWrap_mo{display:none; margin-top: 0; position: absolute; top: 0; left: 0; width: 100%; height: 71px; background-color: #51697c; z-index: 101;}
  .searchWrap_mo label:first-child{display:none;}
  .searchWrap_mo .search_top {display: none;}
  .searchWrap_mo .searchForm {float: none; border: 0; background-color: #fff; width: 74%; padding-left: 15px; margin: 18px auto 0;max-width: 320px; box-sizing: border-box;}
  .searchWrap_mo .searchForm input[type="text"] {max-width: 100%; width: 80%;}

  /* 메뉴 */
  .mMenuButton{display:block; position:absolute; top:18px; right:20px; width: 50px; height: 35px; border-radius: 16px; font-size:0;
	  	background: #4565ac url('../images/mMenuButton.png') right top no-repeat;}
  	#mMenuClose{display:none; top:15px; background-position: left top;}
  
	 #mMenu.topMenu{display:none; position: absolute; top: 0px; right: 0px; float:none; width:100%; max-width:500px; height:100vh; z-index: 100; background-color:rgba(13, 26, 44, 0.9); overflow:visible;}
	 #mMenu .topDir {width: 100%; max-width: 500px; background-color: rgba(13, 26, 44, 0.9); border-bottom: 1px solid rgb(71, 81, 95); z-index: 101; padding:20px 15px; box-sizing: border-box; text-align: left; margin-bottom: 0;}
	 #mMenu .topDir ul {width: 75%;}
	 #mMenu .topDir ul li a{color:rgba(255, 255, 255, 0.7);}
 
  	 #mMenu .menuUItop .div_2 .ul_2 li.li_2 a.a_2.nw:after {background: url(/sites/moj/images/nw_icon_mo.png) right center no-repeat;}

 	.topMenu .allMenuBtn{position:absolute; top:15px; right:20px; margin-top:0; width:95px; height:25px; padding: 7px 15px 3px 15px; line-height:12px; text-align:center; border-radius:30px; box-sizing:border-box; z-index:101;}
  	.topMenu .allMenuBtn:before{display:none;}
    .logoutBtn{display:none; position: absolute; top: 0px; right: 130px;width:80px; border-radius: 30px; z-index: 11;}
}
/**[Footer]********************************************************/
#_jumpWrap {width: 100%; background-color: #45535f; border-bottom: 1px solid #677785;}
#_wrap #_wrapFooter #_jumpWrap .w1200 {max-width: 1200px; padding: 0;}
#_jumpWrap .sitelink {display: inline-block; width: 100%; margin-bottom: -7px;}
#_jumpWrap .sitelink > li:first-child {border-left: 1px solid #6a757f;}
#_jumpWrap .sitelink > li {position: relative; float: left; width: 25%; box-sizing: border-box; border-right: 1px solid #6a757f;}
#_jumpWrap .sitelink > li > button {height: 44px; position: relative; color: #c2d6e6; font-size: 14px; font-weight: 400; text-align: left; width: 100%; padding: 11px 15px 12px 20px; background-color: #45535f; border-bottom: 1px solid #677785; outline-offset:-2px;}
#_jumpWrap .sitelink > li > button:after {
    content: '';
    display: block;
    width: 14px;
    height: 8px;
    position: absolute;
    right: 20px;
    top: 18px;
    background: url('../images/sitelink_arrow.png') left top no-repeat;
    transition: all 0.3s ease;
}
#_jumpWrap .sitelink > li._on > button {background-color: #444;}
#_jumpWrap .sitelink > li._on > button:after {transform: rotate(180deg);}
#_jumpWrap .list {
    display: none;
    width: 100%;
    max-height: 235px;
    overflow-y: auto;
    position: absolute;
    top: -235px;
    background-color: #535353;
    box-sizing: border-box;
    padding: 10px 10px 10px 20px;
}
#_jumpWrap .sitelink > li._on .list {
    display: block;
}
#_jumpWrap .list dt:first-child {border-top: 0; padding-top: 0; margin-top: 10px;}
#_jumpWrap .list dt {
    color: #b7e3fe;
    font-size: 14px;
    font-weight: 400;
    margin: 20px 0 10px;
    border-top: 1px solid #818181;
    padding-top: 20px;
}
#_jumpWrap .list dd {margin: 5px 0;}
#_jumpWrap .list a {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}


#_footer {background-color: #566877;}
#_footer a {color: #ededed; font-size: 14px;}
#_footer ul {overflow: hidden;}
#_footer li {float: left;}

#_footer ._directWrap {overflow: hidden; padding: 12px 0;}
#_footer ._direct {float: left;}
#_footer ._direct li {margin-right: 15px; height: 28px;}
#_footer ._direct li.em a {display: inline-block; color: #fff; font-size:16px; text-decoration:underline;}
/*
#_footer ._direct li.em a:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #fff;
    margin-top: 4px;
}
*/
#_footer ._direct_sns {float: right;}
#_footer ._direct_sns li {margin-left: 5px;}
#_footer ._direct_sns li a {display: block;width: 33px;height: 33px;background: url('/sites/moj/images/direct_sns_moj.png') left top no-repeat;text-indent: -5000px; outline-offset:-2px;}
#_footer ._direct_sns li a.snsI {background-position: 0 top;}
#_footer ._direct_sns li a.snsTh {background-position: -38px top;}
#_footer ._direct_sns li a.snsF {background-position: -76px top;}
#_footer ._direct_sns li a.snsT {background-position: -114px top;}
#_footer ._direct_sns li a.snsY {background-position: -152px top;}
#_footer ._direct_sns li a.snsN {background-position: -190px top;}
#_footer ._direct_sns li a.snsD {background-position: -228px top;}

/* footer 수정 (20190725 고석만) */
._addressWrap { position: relative; border-top: 1px solid #4c5b69; padding: 15px 0 47px; }
._addressWrap ._info > ul > li { float: none !important; }
._addressWrap ._info ._tel { margin-bottom: 1em; text-align:left; overflow: hidden; }
._addressWrap ._info ._tel span { display: inline-block; padding-left: 7px; position: relative; margin-right: 1em; }
._addressWrap ._info ._tel span:last-child { display:block; margin-top:7px;margin-right: 0; }
._addressWrap ._info ._tel span:before { content: ""; display: block; width: 3px; height: 3px; background-color: #28a2e7; position: absolute; left: 0px; top:50%; margin-top: -1px; }
._addressWrap ._info ._tel em { font-weight: 500; }
._addressWrap ._info ._tel em a{ font-weight: 500; text-decoration:underline;}
#_footer ._addressWrap ._info ._tel span a{font-size: 15px; letter-spacing: -1px; color: #dbebf7;}
body.Desktop ._addressWrap ._info ._tel span:first-child a{pointer-events:none;}
body.Desktop ._addressWrap ._info ._tel span a.tel{pointer-events:none;}
._addressWrap span, ._addressWrap em { color: #dbebf7; }
._addressWrap li,._addressWrap p { color: #ededed; }
._addressWrap ._info ._address { margin-bottom: .5em; }
._addressWrap ._info ._address:before { 
  content: ""; display: block; float: left; width: 16px;  height: 20px; 
  background-image: url(../images/address_icon.png);
  background-position: left top; 
  background-repeat: no-repeat; 
  margin: 3px 6px 0 0; 
}
._addressWrap ._copyright { font-size: 12px; font-weight: 200;}
.linklogoWrap {position: absolute; right: 0; top: 20px; }
.linklogoWrap > li {float: none !important; display: inline-block; margin-left: 10px;}
.linklogoWrap > li > a {display: block;}
.linklogoWrap > li > a img {vertical-align: middle;}

/**[반응형]********************************************************/
@media all and (max-width: 1100px) {
  .menuUItop ul.ul_1 li.li_1 a.a_1 {font-size: 15px;}
  .menuUItop ul.ul_1 li.li_1 .div_2 {padding: 0 7px}
}
@media all and (max-width: 699px) {
  ._addressWrap ._info ._tel span:before {display:none;}
}