@import url("font.css");

/* common */
*{
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
/****************************************************************** header *************************************************************/
/*230510 ¼öÁ¤*/
/*.header {position: sticky;top: 0;left: 0; width: 100%;height: 79px;z-index: 200;}*/
.header{width:100%; height:79px; margin:0 auto; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 100; position:fixed; z-index:200;}


.MB_menu {display:none; height:0;}
/*¸ÞÀÎÅõ¸í¸Þ´º¿µ¿ª*/.MB_heatra_menu{display:none;}

/*ž¸Þ´º¿µ¿ª start*/
  /*ž¸Þ´º¿µ¿ª*/
  .hea_menu{width:100%;top:0;left:0;height:auto; ;background:rgba(255, 255, 255, 0.95); border-bottom:1px solid #9D9E9E;}
  .hea_menu .hm_inner{width:1200px; height:89px; margin:0 auto; position:relative;}
    /*ž¸Þ´º¿µ¿ª-W*/
  .heatra_menu{width:100%;top:0;left:0;height:auto; border-bottom:1px solid #9D9E9E}
  .heatra_menu .hm_inner{width:1200px; height:89px; margin:0 auto; position:relative;}

/*·Î±×ÀÎ*/
.log_wrap {width:100%; height:32px; padding-top: 10px; }
.log_wrap .my-nav{float:right; /*inline-block ¿©¹é¹æÁö¿ë*/font-size: 0; letter-spacing: 0; word-spacing: 0;}
.log_wrap .my-nav li{display: inline-block; font-size: 14px; color: #fff; vertical-align: middle;}
/*-W*/.hea_menu .log_wrap .my-nav li{color: #77797B;}
.log_wrap .my-nav li.mypage{margin-left: 20px; width: 122px;}
.log_wrap .my-nav li a{font-size: inherit;}

/*³×ºñ°ÔÀ̼Ç*/
.hm_inner ul li a,
.log-nav li a,
.log_wrap .my-nav {font-family:'Noto Sans KR','sans-serif';}
.hm_inner ul li a:link     {font-family:'Noto Sans KR','sans-serif';color: inherit; font-size:inherit; text-decoration: none;}
.hm_inner ul li a:visited  {font-family:'Noto Sans KR','sans-serif';color: inherit; font-size:inherit; text-decoration: none;}
.hm_inner ul li a:hover    {font-family:'Noto Sans KR','sans-serif';color: inherit; font-size:inherit; text-decoration: none;}
/*¸Þ´º color*/
.heatra_menu .hm_inner .menu_wrap .nav {color: #fff;}
.heatra_menu .hm_inner .menu_wrap .log-nav li{color:#fff;}
.heatra_menu .hm_inner .menu_wrap .nav a.on {font-family:'Noto Sans KR','sans-serif'; border-bottom: 3px solid #fff;}
.heatra_menu .hm_inner .menu_wrap .Bookmark-nav.nav.on a {font-family:'Noto Sans KR','sans-serif'; border-bottom: 3px solid #fff;}
/*-W*/
.hea_menu .hm_inner .menu_wrap .nav {color: #333333;}
.hea_menu .hm_inner .menu_wrap .log-nav li {color:#333333;}
.hea_menu .hm_inner .menu_wrap .nav a.on {font-family:'Noto Sans KR','sans-serif'; border-bottom: 3px solid #085CB4;}
.hm_inner .menu_wrap {margin-top: 8px; width:100%; height:46px;}
.hm_inner .menu_wrap .toplogo {float:left; padding-top: 5px; width:204px; text-align: left;}
.hm_inner .menu_wrap .topmenu {float:left; width:auto;}
.hm_inner .menu_wrap .topmenu ul li.nav {float:left; display:inline; margin-right:34px; font-family:'Noto Sans KR M','sans-serif'; font-size:18px; font-weight:500;}
.hm_inner .menu_wrap .topmenu ul li.nav a {box-sizing: border-box; padding-top: 7px; display: block; height: 46px; text-align: center;}
.hm_inner .menu_wrap .topmenu ul li.nav a.noPd-t{padding-top:2px; font-family:'Noto Sans KR','sans-serif';}
.hm_inner .menu_wrap .topmenu ul li.nav a .tit-tag {display: block; line-height: 1em; font-family:'Noto Sans KR L','sans-serif'; font-size:13px; font-weight:300;}
	.hm_inner .menu_wrap .topmenu ul li.nav a:hover,
.hm_inner .menu_wrap .topmenu ul li.nav a.on {padding-top: 4px;}
.hm_inner .menu_wrap .topmenu ul li.nav a.noPd-t:hover,
.hm_inner .menu_wrap .topmenu ul li.nav a.noPd-t.on{padding-top:0px;}
.hm_inner .menu_wrap .log-nav{float:right; /*inline-block ¿©¹é¹æÁö¿ë*/font-size: 0; letter-spacing: 0; word-spacing: 0;}
.hm_inner .menu_wrap .log-nav li{display: inline-block; margin-right: 30px; vertical-align: middle;}
.hm_inner .menu_wrap .log-nav li a{font-size: 14px; height: 0;}
.hm_inner .menu_wrap ul li.Bookmark-nav.nav.on a {padding-top: 0px; padding-bottom: 3px; font-family:'Noto Sans KR','sans-serif';}
/*ž¸Þ´º¿µ¿ª down end*/

/*·Ñ¿À¹ö½Ã ¸Þ´º start*/
/*½ºÅ©·Ñ¹Ù*/
/*Å©·Ò*/
.scroll::-webkit-scrollbar {width: 6px;}
.scroll::-webkit-scrollbar-track { background-color: transparent;}
.scroll::-webkit-scrollbar-thumb { border-radius: 3px; background-color: gray;}
.scroll::-webkit-scrollbar-button { width: 2; height: 2;}
/*IE*/
.scroll{

  scrollbar-face-color:#e0dfdf;
  scrollbar-3dlight-color:#e0dfdf;
  scrollbar-highlight-color:#FFFFFF;
  scrollbar-shadow-color:#FFFFFF;
  scrollbar-darkshadow-color:#e0dfdf;
  scrollbar-arrow-color:#FFFFFF;
  scrollbar-track-color:#FFFFFF; }

/* Jquery°ü·Ã css START */
.down {
  /*
  background-color:rgba(0,0,0,.8);*/
  -webkit-transition-duration:0.4s;
  -webkit-transition-timing-function:ease;
  transition-duration:0.4s;
  transition-timing-function:ease;
}

.main_content_size {
    height: 100%;
    display: flex !important;
    flex-direction: row;   
    overflow: hidden;
}
div#menu01, div#menu02, div#menu03, div#menu04, div#menu05{
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 966px;
}

.Ref_box{position:relative;height:50px;width:985px;overflow:hidden;}
.Ref_box .Ref_logo{position:absolute;margin:0;padding:0;}
.Ref_box li{float:left;list-style:none;margin-left:10px}
.Ref_box li:first-child{margin:0}
/* jquery °ü·Ã css END */

/*·Ñ¿À¹ö ¸Þ´º*/
  /*icon*/
  .menuI20 {display: inline-block; width: 20px; height: 20px; background: url(/images/layout/menu-icon20.png) no-repeat; vertical-align: bottom;}
  .menuI20.logo_glosign {margin-right: 2px; background-position: 0px 2px;}
  .menuI20.logo_shiftee {margin-right: 2px; background-position: -20px 2px;}
  .menu_hea .menuI20.newWindow,
  .menuI20.subMi.newWindow {margin-left: 6px; background-position: -40px -18px;}
  .menuI20.newWindow {margin-left: 6px; background-position: -40px 2px;}
  .menuI20.bookI-add {display: block; background-position: -60px 2px;}
  .menuI20.bookI-add.on {display: block; background-position: -60px -18px;}
  .menuI20.bookI-del {display: block; background-position: -80px 2px;}
/*wrap style*/
.headerM_menu_wrap {display: block; width: 100%;height: auto;overflow: hidden; margin: 0 auto;top: auto;left: 0; position:absolute ;box-shadow: 0 1px 1px 0 #9D9E9E;z-index: 1000;}/*230510 ????*/
.headerM_menu_wrap.menu_hea{background: rgba(255, 255, 255, 0.95); box-shadow: 0 1px 1px 0 #9d9e9e; top: auto;}
.headerM_menu_wrap .headerM_wrap_inner {display:block; width:1200px; height:auto; overflow:hidden; margin:0 auto;}

@media all and (max-width:1200px) {
  .headerM_menu_wrap .headerM_wrap_inner{display: none;}
}

/*title style*/
.headerM_dep2_tit.dep2_tit-1 {box-sizing:border-box; padding-top: 12px; width: 100%; min-height: 34px; font-family:'Noto Sans KR L','sans-serif'; line-height: 1.2em; font-size: 16px; font-weight:300; letter-spacing: -0.08em; text-align:left;}
.headerM_dep2_tit.dep2_tit-1-2 {box-sizing:border-box; padding-top: 10px; width: 100%; min-height: 34px; font-family:'Noto Sans KR','Noto Sans KR M','sans-serif'; font-weight:500; line-height: 1.2em; font-size: 17px; letter-spacing: -0.08em; text-align:left;}
.headerM_dep2_tit.dep2_tit-2 {box-sizing:border-box; width: 100%; min-height: 44px; font-family:'Noto Sans KR','Noto Sans KR M','sans-serif'; font-weight:500; line-height: 1.2em; font-size: 17px; letter-spacing: -0.08em; text-align:left;}
.headerM_dep2_tit.dep2_tit-2 .dep2_tit-tag {display: block; font-family:'Noto Sans KR L','sans-serif'; font-size:13px; font-weight:300; line-height: 20px; height: 20px;}
.headerM_dep2_tit.dep2_tit-2 .dep2_1line{display: inline-block; box-sizing: border-box; padding-right: 2px; width: auto; max-width: 100%; height: 1.24em; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}

/*depth style*/
.headerM_dep2_wrap {padding-bottom:20px;/*inline-block ¿©¹é¹æÁö¿ë*/font-size: 0; letter-spacing: 0; word-spacing: 0;}
.headerM_dep2_wrap > li.w6n {margin: 14px 0; margin-right:24px; display: inline-block; width: 180px; vertical-align: text-top;}
.headerM_dep2_wrap > li.w6n:nth-child(6n) {margin-right: 0;}
.headerM_dep2_wrap > li.W100 {margin: 14px 0; width: 100%;}
.headerM_dep2_wrap > li.w6n.noDep2{padding-top: 20px;}

.headerM_dep2_wrap > span{margin: 14px 0; margin-right:24px; display: inline-block; width: auto; vertical-align: text-top;}
.headerM_dep2_wrap > span li.w6n {margin-right:24px; display: inline-block; width: 180px; vertical-align: text-top;}
.headerM_dep2_wrap > span li.w6n:last-child {margin-right: 0;}
.headerM_dep2_wrap > span li.W100 {width: 100%;}
.headerM_dep2_wrap > span li.w6n.noDep2{padding-top: 20px;}

/*ÆùÆ®Ä÷¯*/
.headerM_dep2_tit a,
.menu_hea .headerM_dep2_tit a{font-family:'Noto Sans KR','sans-serif';}
.headerM_dep2_tit a:link     {font-family:'Noto Sans KR','sans-serif'; color: #fff; font-size:inherit; text-decoration: none;}
.headerM_dep2_tit a:visited  {font-family:'Noto Sans KR','sans-serif'; color: #fff; font-size:inherit; text-decoration: none;}
.headerM_dep2_tit a:hover    {font-family:'Noto Sans KR','sans-serif'; color: #fff; font-size:inherit; text-decoration: underline;}
.menu_hea .headerM_dep2_tit a:link     {font-family:'Noto Sans KR','sans-serif'; color: #333333; font-size:inherit; text-decoration: none;}
.menu_hea .headerM_dep2_tit a:visited  {font-family:'Noto Sans KR','sans-serif'; color: #333333; font-size:inherit; text-decoration: none;}
.menu_hea .headerM_dep2_tit a:hover    {font-family:'Noto Sans KR','sans-serif'; color: #333333; font-size:inherit; text-decoration: underline;}
/*//·Ñ¿À¹ö ¸Þ´º*/

/*popupBookmark*/
.btn_close-popupBook{position: absolute; top: 0; right: 0;}
  /*ÆùÆ®Ä÷¯*/
  .popupBook_dep3_wrap > span li a{font-family:'Noto Sans KR','sans-serif';}
  .popupBook_dep3_wrap > span li a:link     {font-family:'Noto Sans KR','sans-serif';color: inherit; font-size:inherit; text-decoration: none;}
  .popupBook_dep3_wrap > span li a:visited  {font-family:'Noto Sans KR','sans-serif';color: inherit; font-size:inherit; text-decoration: none;}
  .popupBook_dep3_wrap > span li a:hover:not(.disable)   {font-family:'Noto Sans KR','sans-serif';color: inherit; font-size:inherit; background-color: rgb(30, 143, 250, .2);}
  .popupBook_dep3_wrap > span li a:hover:not(.disable) .on_icon-add{display: block;}
  .popupBook_dep3_wrap > span li a .on_icon-add{display: none; position: absolute; top: -3px; right: -7px; width: 15px; height: 15px; background: url(/images/layout/menu-icon20.png) no-repeat; background-position: -60px -20px;}
.popupBookmark{position: fixed; padding: 22px; top:20%; left: 50%; margin-left: -520px; width: 1040px; height: auto; overflow: hidden; background: #fff; border-radius: 8px; text-align: left;}
.popupBookmark .popupBookm-top{position: relative; border-bottom: 1px solid #c8c8c8;}
.popupBookmark .popupBookm-top .popupBook_tit{font-family:'Noto Sans KR','sans-serif'; margin-bottom: 6px; font-size: 20px; color: #333333;}
.popupBookmark .popupBookm-top p{font-family:'Noto Sans KR','sans-serif'; margin-bottom: 12px; font-size: 15px; color: #77797B;}
.popupBookm-box{position: relative; margin-bottom: 30px; height: auto; overflow: hidden;}
.popupBookm-con .popupBook_dep2_tit{float: left; width: 149px; color: #333333;}
.popupBook_dep2_tit.dep2_tit-1 {box-sizing:border-box; margin-top: 17px; padding-top: 12px; min-height: 34px; font-family:'Noto Sans KR L','Noto Sans KR','sans-serif'; font-size: 16px; font-weight:300; letter-spacing: -0.08em; text-align:left;}
.popupBook_dep2_tit.dep2_tit-2 {box-sizing:border-box; margin-top: 14px; min-height: 44px; font-family:'Noto Sans KR','Noto Sans KR M','sans-serif'; font-weight:500; font-size: 17px; letter-spacing: -0.08em; text-align:left;}
.popupBook_dep2_tit.dep2_tit-2 .dep2_tit-tag {display: block; margin-bottom: 2px; font-family:'Noto Sans KR L','Noto Sans KR','sans-serif'; font-size:13px; font-weight:300;}
.popupBook_dep3_wrap{float: left; width: calc(100% - 149px); height: auto; overflow: hidden;/*inline-block ¿©¹é¹æÁö¿ë*/font-size: 0; letter-spacing: 0; word-spacing: 0;}
.popupBook_dep3_wrap > span li {margin:20px 14px  0px; display: inline-block; padding: 4px; width: auto; font-size: 16px; color:#77797B; vertical-align: text-top;}
.popupBook_dep3_wrap > span li .btn_bookM{position: relative; cursor: pointer; padding: 4px 10px; display: block; width: auto; font-family:'Noto Sans KR','Noto Sans KR L','sans-serif'; font-weight: 300;}
.popupBook_dep3_wrap > span li a.disable{font-family:'Noto Sans KR','sans-serif'; background-color: #E9EAEB;pointer-events: none;}
/*//popupBookmark*/
/* µ¥½ºÅ©Å¾ (ÇØ»óµµ 1200px ~) */
@media all and (max-width:1200px) {
  .headerM_menu_wrap{display: none;}
}

/*·Ñ¿À¹ö½Ã ¸Þ´º end*/
/************************************************** //header ****************************************************************/



/**************************************************** footer ***************************************************************/
#footer{width:100%; max-width:100%; height:366px; background-color:#1b2a39; z-index: 3;}
#f_inner{width:1200px; height:auto; margin:0 auto; position:relative; padding-top:30px;}
#MB_f_inner{ display:none;}

/* Æйи® »çÀÌÆ® */
#bot_con1 {float:left; width:1200px; height:auto;}

#bot_fam {position:relative; width:100%;}
#bot_fam .wrap{position:absolute; right:0; top:0; float:right; z-index: 3; font-family:'Noto Sans KR','Noto Sans KR','sans-serif'; font-size:14px; color:#a8abaf;  font-weight:normal;}
.family_site{position:relative;width:180px;}
.family_site .site_btn{position:relative; display:block; height:32px; padding:0 1em; border:1px solid #8a9198; background:transparent; cursor:pointer; font-size:13px; line-height:30px; color:#919ab2; text-align:left; text-decoration:none;}
.family_site .ctrl{position:absolute; right:10px; top:50%; height: 0; width: 0; margin-top:-2px; border-color:#8a9198 transparent transparent transparent; border-style:solid; border-width:4px 4px 0 4px;}
.family_site a.on .ctrl{position:absolute; right:10px; top:50%; height:0; width:0; margin-top:-2px; border-color:transparent transparent #8a9198 transparent; border-width:0 4px 4px 4px;}
.family_site ul{display:none; position:absolute; bottom:100%; left:0; right:0; z-index: 5; padding:8px 0; background:#1b2a39; border:1px solid #8a9198; border-bottom:0;}
.family_site ul li a{display:block; height:30px;line-height:30px; padding:0 1em; color:#8a9198;}
.family_site ul li a:before{content:''; display: inline-block; width:0; height:100%; vertical-align: middle;}
.family_site ul li a:hover{text-decoration:none;color:#fff;}
.family_site a.on + ul{display:block;}

/* ³×ºñ°ÔÀÌ¼Ç */
#bottom_navi {float:left; width:950px; height:31px; margin-bottom:26px;}
#bottom_navi li{float:left; display:inline; font-family:'Noto Sans KR','Noto Sans KR M','sans-serif'; font-size:18px; color:#cecfd1;  font-weight:500; letter-spacing: -0.0375em; text-align:left; margin-right:40px; line-height:30px;  height:31px; margin-bottom:30px;}
#bottom_navi li a:link     {color: #cecfd1; text-decoration: none;}
#bottom_navi li a:hover    {color: #fff; text-decoration: none;}
#bottom_navi li a:visited  {color: #cecfd1; text-decoration: none;}
#bottom_navi li:nth-child(3) a {text-decoration: underline;}
/* °³ÀÎÁ¤º¸Ã³¸®¹æħ ¼öÁ¤ 231106 */



/*ÁÖ¼Ò*/
#bot_con2 {float:left; width:1200px; height:125px; overflow:hidden; border-bottom:1px solid #192431;}
.bo_add{float:left; margin-bottom:3px; width:8100%; height:auto; overflow:hidden; line-height:13px;}
.bo_add li{float:left; display:inline; font-family:'Noto Sans KR','Noto Sans KR','sans-serif';  font-size:17px; color:#a5acb7; font-weight:normal;  padding-right:15px; line-height:27px; height:27px; letter-spacing: -0.0375em;}
.add_libg{background:url(/images/layout/bot_line.png) 1px 8px no-repeat;  padding-left:15px;}
/*copy*/
.bo_copy{float:left; display:inline; font-family:'Noto Sans KR','Noto Sans KR','sans-serif';   font-size:17px; color:#a5acb7; font-weight:normal;  padding-right:15px; line-height:31px; letter-spacing: -0.0375em;}


/*ÀÎÁõ*/
#bot_con3 {float:left; width:1200px; height:auto; overflow:hidden; padding-top:30px;}
#bot_cer {float:left; width:auto; margin-top:15px;}
.bot_cer_li01 {float:left; display:inline; font-family:'Noto Sans KR','Noto Sans KR','sans-serif';  font-size:15px; color:#a8abaf; font-weight:normal; background:url(/images/layout/bot_ima01.png) 0px 2px no-repeat; margin-right:25px; padding-left:36px; line-height:19px;  letter-spacing: -0.0375em;}
.bot_cer_li01 a:link     {color: #a8abaf; text-decoration: none;}
.bot_cer_li01 a:hover    {color: #a8abaf; text-decoration: none;}
.bot_cer_li01 a:visited  {color: #a8abaf; text-decoration: none;}

.bot_cer_li02 {float:left; display:inline;  font-family:'Noto Sans KR','Noto Sans KR','sans-serif';  font-size:15px; color:#a8abaf; font-weight:normal; background:url(/images/layout/bot_ima02.png) 0px 5px no-repeat; padding-left:40px; line-height:19px;  letter-spacing: -0.0375em; }
.bot_cer_li02 a:link     {color: #a8abaf; text-decoration: none;}
.bot_cer_li02 a:hover    {color: #a8abaf; text-decoration: none;}
.bot_cer_li02 a:visited  {color: #a8abaf; text-decoration: none;}

/*¾Û*/
#bot_app {float:right; width:auto;  margin-top:15px;}
.bot_app_li01 {float:right; display:inline; font-family:'Noto Sans KR','Noto Sans KR','sans-serif';  font-size:15px; color:#a8abaf;  font-weight:normal; margin-right:20px; padding-top:7px; line-height:20px;  letter-spacing: -0.0375em;}
.bot_app_li02 {float:right; display:inline;margin-right:5px; }
.bot_app_li03 {float:right; display:inline; }

/*sns*/
#bot_sns {float:right; width:auto;  margin-top:15px; margin-left:40px;}
#bot_sns li {display: inline; margin-left: 12px;}
#bot_sns li.bot_sns_li-h1 {float:left; display:inline; font-family:'Noto Sans KR','Noto Sans KR','sans-serif';  font-size:15px; color:#a8abaf;  font-weight:normal; margin-right: 8px; padding-top:7px; line-height:20px;  letter-spacing: -0.0375em;}

/****************************************************************** //footer *************************************************************/


/****************************************************************** sitemap ****************************************************************/
/*ž¸Þ´º¿µ¿ª start*/
/*ŸÀÌƲ*/
#sitmap_top_wrap{width:100%; height:auto;  position:relative;}
#sitmap_top_wrap #sit_tit{ float:left; width:100%; height:80px; top:0px; position:relative; border-bottom: 1px solid #C8C8C8;}
#sitmap_top_wrap #sit_tit #sit_titinner{width:1200px; height:80px; margin:0 auto;  position:relative;}
#sitmap_top_wrap #sit_tit #sit_titinner .sit_btn_close{z-index: 20; position:absolute; top:50%; margin-top: -20px; left:1170px;}
#sitmap_top_wrap #sit_tit #sit_titinner .sit_title{padding-top: 24px; font-family:'Noto Sans KR','Noto Sans KR M','sans-serif'; font-weight:500; font-size:36px; text-align:center; color:#fff;}

/*ž¸Þ´º*/
#sitmap_top_wrap #sit_topmenu{ float:left; width:100%; height:auto; margin:0 auto;}
#sitmap_top_wrap #sit_topmenu #sit_topmenu_inner{width:1200px; height:auto; margin:0 auto;}

/*³×ºñ°ÔÀ̼Ç*/
#sitmap_top_wrap #sit_topmenu #sit_topmenu_inner #sit_topmenu {float:center; width:auto;}
#sitmap_top_wrap #sit_topmenu #sit_topmenu_inner #sit_topmenu ul li.nav {padding:8px 0 12px; float:left; display:inline; font-family:'Noto Sans KR','Noto Sans KR M','sans-serif'; font-size:16px; font-weight:500; letter-spacing: -0.05em; text-align: center;}
  #sitmap_top_wrap #sit_topmenu #sit_topmenu_inner #sit_topmenu ul li.nav a{padding-top: 10px; display: block; height: 40px;}
  #sitmap_top_wrap #sit_topmenu #sit_topmenu_inner #sit_topmenu ul li.nav a.noPd-t{padding-top:0;}
#sitmap_top_wrap #sit_topmenu #sit_topmenu_inner #sit_topmenu ul li.mr30{ margin-right:40px;}
#sitmap_top_wrap #sit_topmenu #sit_topmenu_inner #sit_topmenu ul li.nav .tit-tag {display: block; font-size:13px; font-weight:300;}
#sitmap_top_wrap #sit_topmenu #sit_topmenu_inner #sit_topmenu ul li.nav a:link     {color: #333333; text-decoration: none;}
#sitmap_top_wrap #sit_topmenu #sit_topmenu_inner #sit_topmenu ul li.nav a:visited  {color: #333333; text-decoration: none;}
#sitmap_top_wrap #sit_topmenu #sit_topmenu_inner #sit_topmenu ul li.nav a:hover    {color: #085cb4; text-decoration: none;}
/*ž¸Þ´º¿µ¿ª end*/

/*wrap style*/
#sitmap_menu_wrap {width:100%; height:auto; overflow:hidden; margin:0 auto;}
#sitmap_menu_wrap #sitmenu_wrap_inner {width:100%; height:auto; overflow:hidden; margin:0 auto; border-top: 1px solid #C8C8C8;}
#sitmap_menu_wrap #sitmenu_wrap_inner .sit2dep_box {width:1194px; height:auto; overflow:hidden; margin:0 auto;}

/*title style*/
.sitmap_deptit {font-family:'Noto Sans KR L','Noto Sans KR','Noto Sans KR M','Noto Sans KR B','sans-serif'; font-weight:500; font-size:30px; color:#333333; letter-spacing: -0.0375em; text-align:left; padding-bottom:12px;}
.sitmap_dep1_tit{line-height: 60px; font-family:'Noto Sans KR','sans-serif'; font-size: 20px; color: #333333; font-weight: 500; letter-spacing: -0.0375em; border-bottom: 1px solid #C8C8C8;}
.sitmap_dep2_tit.dep2_tit-1 {margin-top: 14px; padding-top: 10px; width: 100%; height: 34px; font-family:'Noto Sans KR','Noto Sans KR B','sans-serif'; font-size:16px; color:#333333; font-weight:400; letter-spacing: -0.0375em; text-align:left;}
.sitmap_dep2_tit.dep2_tit-1-2 {margin-top: 14px; padding-top: 10px; width: 100%; height: 34px; font-family:'Noto Sans KR L','Noto Sans KR','Noto Sans KR M','Noto Sans KR B','sans-serif'; font-weight:500; font-size:17px; color:#333333; letter-spacing: -0.0375em; text-align:left;}
.sitmap_dep2_tit.dep2_tit-2 {margin-top: 14px; width: 100%; height: 44px; font-family:'Noto Sans KR L','Noto Sans KR','Noto Sans KR M','Noto Sans KR B','sans-serif'; font-weight:500; font-size:17px; color:#333333; letter-spacing: -0.0375em; text-align:left;}
.sitmap_dep2_tit.dep2_tit-2 .dep2_tit-tag {display: block; font-size:13px; font-weight:300;}

/*depth style*/
.sitmap_dep2_wrap{padding-bottom:60px;/*inline-block ¿©¹é¹æÁö¿ë*/font-size: 0; letter-spacing: 0; word-spacing: 0;}
.sitmap_dep2_wrap > li.w6n {margin-right:18px; display: inline-block; width: 184px; vertical-align: text-top;}
.sitmap_dep2_wrap > li.w6n:nth-child(6n) {margin-right: 0;}
.sitmap_dep2_wrap > li.W100 {width: 100%;}
.sitmap_dep2_wrap > li.W100 .sitmap_dep2_tit a {display:block; width: 184px;}
.sitmap_dep2_wrap > li.w6n.noDep2{padding-top: 20px;}
.sitmap_dep3_wrap{margin-top: 10px; /*inline-block ¿©¹é¹æÁö¿ë*/font-size: 0; letter-spacing: 0; word-spacing: 0;}
.sitmap_dep3_wrap > li {margin-top: 4px; margin-bottom: 4px; font-size: 15px; font-weight: 300;}
.sitmap_dep3_wrap.col6 > li {display: inline-block; margin-right:18px; width: 184px; vertical-align: text-top;}
.sitmap_dep3_wrap.col6 > li:nth-child(6n) {margin-right: 0;}
.sitmap_dep4_wrap{margin-top: 10px;}
.sitmap_dep4_wrap > li {margin-top: 2px; margin-bottom: 8px; font-size: 14px; font-weight: 300; letter-spacing: -0.0375em;}

/*ÆùÆ®Ä÷¯*/
.sitmap_dep2_tit a,
.sitmap_dep3_wrap li a,
.sitmap_dep4_wrap li a {font-family:'Noto Sans KR','sans-serif';}
.sitmap_dep2_tit a:link     {color: #333333; letter-spacing: -0.08em; text-decoration: none;}
.sitmap_dep2_tit a:visited  {color: #333333; letter-spacing: -0.08em; text-decoration: none;}
.sitmap_dep2_tit a:hover    {color: #333333; letter-spacing: -0.08em; text-decoration: underline;}
.sitmap_dep3_wrap li a:link     {color: #77797B; letter-spacing: -0.05em; text-decoration: none;}
.sitmap_dep3_wrap li a:visited  {color: #77797B; letter-spacing: -0.05em; text-decoration: none;}
.sitmap_dep3_wrap li a:hover    {color: #77797B; letter-spacing: -0.05em; text-decoration: underline;}
.sitmap_dep4_wrap li a:link     {color: #9D9E9E; letter-spacing: -0.02em; text-decoration: none;}
.sitmap_dep4_wrap li a:visited  {color: #9D9E9E; letter-spacing: -0.02em; text-decoration: none;}
.sitmap_dep4_wrap li a:hover    {color: #9D9E9E; letter-spacing: -0.02em; text-decoration: underline;}
/************************************************************** //sitemap *************************************************************/
/***********************************************************reference*end***************************************************/
/* µ¥½ºÅ©Å¾ (ÇØ»óµµ 1200px ~) */
@media all and (max-width:1200px) {
.header{display:block;}
 /*230510 ¼öÁ¤*/
    /*.MB_header {
        position: sticky;
        top: 0;
        left: 0;
        width: 100%;
        height: 149px;
    }*/
    .MB_header{width:100%; height:149px; margin:0 auto; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 100; position:absolute; z-index:200;}
.header{display:none;}
.hea_menu{display:none;}

/***********¸ÞÀÎÅõ¸í¸Þ´º¿µ¿ª start***********/   
#heatra_menu{display:none;}
.MB_heatra_menu{display:block; }
.MB_heatra_menu{width:100%; height:6.25rem; margin:0 auto; border-bottom:1px solid rgba(225, 225, 225, 0.1); top:0px; background-color: rgba(255,255,255,0);}
.MB_heatra_menu .hmtra_inner{width:90%; height:6.25rem; margin:0 auto; position:relative; }

/*³×ºñ°ÔÀ̼Ç*/
.MB_heatra_menu .hmtra_inner .menutra_wrap {width:100%; height:6.25rem; line-height:6rem;}
.MB_heatra_menu .hmtra_inner .menutra_wrap .toplogo_tra {width:200px; float:left;}
.MB_heatra_menu .hmtra_inner .menutra_wrap .toplogo_tra img {width:100%; max-width:100%;}
.MB_heatra_menu .hmtra_inner .menutra_wrap .topmenu_tra {float:right; width:auto; }
.MB_heatra_menu .hmtra_inner .menutra_wrap .topmenu_tra ul li.nav {float:left; display:inline; font-family:'Noto Sans KR','Noto Sans KR R','sans-serif'; font-size:1.375rem; color:#fff; font-weight:400; letter-spacing: -0.0375em;}
/***********¸ÞÀÎÅõ¸í¸Þ´º¿µ¿ª end***********/


/***********¸ð¹ÙÀÏ Ãß°¡ 20200222 - ·Ñ¿À¹ö ¸Þ´º¹Ù start***********/
.MB_menu {display:none; z-index:300; position:absolute;}
.MB_menu { float:right; left:0; width:100%; height:720px; overflow:hidden; background-color: #fff; top:0px;}
.MB_menu .MB_inner{ width:100%;  height:auto; overflow:hidden; margin:0 auto; position:relative;  }

/*·Î±×ÀÎ*/
.MB_menu .MB_inner .MBlog_wrap {width:100%; height:100px; padding-top: 35px ;border-bottom:1px solid #e0dfdf; background-color:#f1f3f7;}

.MB_menu .MB_inner .MBlog_wrap .MB_login {float:left; margin-left:8%;}
.MB_menu .MB_inner .MBlog_wrap .MB_login ul{float:left; width:auto; height:35px; border:solid 1px #ced1d5; border-radius:4px;}
.MB_menu .MB_inner .MBlog_wrap .MB_login ul li {display:inline; float:left; font-family:'Noto Sans KR','Noto Sans KR','sans-serif'; font-weight:500; font-size:1.25rem; color:#333; letter-spacing: -0.0375em; padding:0 12px 0 12px; height:33px;}
.MB_menu .MB_inner .MBlog_wrap .MB_login ul li.li_line{border-right:solid 1px #ced1d5; }

.MB_menu .MB_inner .MBlog_wrap .MB_login ul li :hover {font-family:'Noto Sans KR','Noto Sans KR','sans-serif';  font-weight:500; font-size:1.25rem; color:#fff;}
.MB_menu .MB_inner .MBlog_wrap .MB_login ul li  a:link     {color: #333; text-decoration: none;}
.MB_menu .MB_inner .MBlog_wrap .MB_login ul li  a:visited  {color: #333; text-decoration: none;}
.MB_menu .MB_inner .MBlog_wrap .MB_login ul li  a:hover    {color: #085cb4; text-decoration: none; font-weight:500;}

.MB_menu .MB_inner .MBlog_wrap .MB_close { float:right; width:35px; height:35px; overflow:hidden; margin-right:8%;}
.MB_menu .MB_inner .MBlog_wrap .MB_close ima {width:100%; max-width:100%;}

/*³×ºñ°ÔÀ̼Ç*/
.MB_menu .MB_inner .MBmenu_wrap {float:left; margin-left:8%; margin-right:8%; width:84%; height:auto; overflow-y:auto;}
.MB_menu .MB_inner .MBmenu_wrap .MB_topmenu {float:left; width:100%; height:auto; overflow:hidden;}
.MB_menu .MB_inner .MBmenu_wrap .MB_topmenu ul {width:100%;}
.MB_menu .MB_inner .MBmenu_wrap .MB_topmenu ul li {float:left; text-align:left; width:100%; height:60px; overflow:hidden; border-bottom:1px solid #e0dfdf; }
.MB_menu .MB_inner .MBmenu_wrap .MB_topmenu ul li.nav {float:left; font-family:'Noto Sans KR','Noto Sans KR R','sans-serif'; font-size:1.375rem; line-height:3.68rem; color:#333333; font-weight:400; letter-spacing: -0.0375em;}
.MB_menu .MB_inner .MBmenu_wrap .MB_topmenu ul li.nav:hover {font-family:'Noto Sans KR','Noto Sans KR R','sans-serif'; font-size:1.375rem; color:#333333;}
.MB_menu .MB_inner .MBmenu_wrap .MB_topmenu ul li.nav a:link     {color: #333333; text-decoration: none;}
.MB_menu .MB_inner .MBmenu_wrap .MB_topmenu ul li.nav a:visited  {color: #333333; text-decoration: none;}
.MB_menu .MB_inner .MBmenu_wrap .MB_topmenu ul li.nav a:hover    {color: #085cb4; text-decoration: none; }

/***********¸ð¹ÙÀÏ Ãß°¡ 20200222 - ·Ñ¿À¹ö ¸Þ´º¹Ù end***********/ 


/**************************************************** footer ***************************************************************/
#footer{width:100%; max-width:100%; height:auto; overflow:hidden; background-color:#1b2a39; z-index: 3;}
#f_inner{display:none;}
#MB_f_inner{display:block;}
#MB_f_inner{width:90%; height:auto; margin:0 auto; position:relative; padding-top:30px;}

/* Æйи® »çÀÌÆ® */
#MB_bot_con1 {float:left; width:100%; height:auto; overflow:hidden;}

/* ³×ºñ°ÔÀÌ¼Ç */
#MB_bottom_navi {float:left; width:100%; height:31px; margin-bottom:1.625rem;}
#MB_bottom_navi li{float:left; display:inline; font-family:'Noto Sans KR','Noto Sans KR M','sans-serif'; font-size:1.08rem; color:#cecfd1;  font-weight:500; letter-spacing: -0.0375em; text-align:left; margin-right:40px; line-height:30px;  height:31px; margin-bottom:30px;}
#MB_bottom_navi li a:link     {color: #cecfd1; text-decoration: none;}
#MB_bottom_navi li a:hover    {color: #fff; text-decoration: none;}
#MB_bottom_navi li a:visited  {color: #cecfd1; text-decoration: none;}
#MB_bottom_navi li:nth-child(3) a {text-decoration:underline;} /* °³ÀÎÁ¤º¸Ã³¸®¹æħ ¼öÁ¤ 231212*/

/*ÁÖ¼Ò*/#MB_bot_con2 {float:left; width:100%; height:auto; overflow:hidden; border-bottom:1px solid #192431; padding-bottom:30px;}
.MB_bo_add{float:left; margin-bottom:3px; width:100%; height:auto; overflow:hidden; line-height:13px; float:left; display:inline; font-family:'Noto Sans KR','Noto Sans KR','sans-serif';  font-size:1.063rem; color:#a5acb7; font-weight:normal;  padding-right:15px; line-height:27px; letter-spacing: -0.0375em;}

/*copy*/.MB_bo_copy{float:left; display:inline; font-family:'Noto Sans KR','Noto Sans KR','sans-serif';   font-size:1rem; color:#a5acb7; font-weight:normal;  padding-right:15px; line-height:31px; letter-spacing: -0.0375em;}

/*ÀÎÁõ*/#MB_bot_con3 {width:460px; height:auto; overflow:hidden; padding-top:1.875rem; margin:0 auto; text-align:center; margin:0 auto; float:inherit; }

/*¾Û*/#MB_bot_app {width:460px; margin-top:0.9375rem; height:auto; overflow:hidden; margin:0 auto; }
.MB_bot_app_li01 {width:225px;  height:auto; overflow:hidden; float:left; margin-right:5px;}
.MB_bot_app_li01 ima{ width:100%; max-width:100%;}
.MB_bot_app_li02 {width:225px;  height:auto; overflow:hidden;  float:left; margin-left:5px;}
.MB_bot_app_li02 ima{width:100%; max-width:100%;}
.MB_bot_app_li03 { font-family:'Noto Sans KR','Noto Sans KR','sans-serif';  font-size:0.9375rem; color:#a8abaf;  font-weight:normal; padding-top:7px; line-height:20px;  letter-spacing: -0.0375em; text-align:center; padding-bottom:80px;}
/****************************************************************** //footer *************************************************************/
}

/* Å×ºí¸´ ¼¼·Î (ÇØ»óµµ 768px ~ 1024px)*/
@media all and (min-width:768px) and (max-width:1024px) {

}

/* (ÇØ»óµµ 900px ~ )*/
@media all and (max-width:900px){
.MB_menu {display:none;; z-index:300; position:absolute;}
}

/*¸ð¹ÙÀÏ (ÇØ»óµµ 768px ~ )*/
@media all and (max-width:768px){
.MB_heatra_menu .hmtra_inner .menutra_wrap .toplogo_tra {width:180px; float:left;}
.MB_menu {display:none; z-index:300; position:absolute;}
.MB_menu{ float:right; left:0; width:100%; height:480px; min-width:320px; top:0px;}
.MB_menu .MB_inner .MBmenu_wrap {height:360px;}
.header{min-width:320px;}
.MB_header{min-width:320px;}
#footer{min-width:320px;}
/*¾Û*/
.MB_bo_add { display:none;}
/*copy*/
.MB_bo_copy{font-size:0.875rem; line-height:1.563rem; }
}

@media all and (max-width:500px){
.MB_heatra_menu .hmtra_inner .menutra_wrap .toplogo_tra {width:150px; float:left;}
.MB_menu .MB_inner .MBlog_wrap .MB_login ul{height:32px;}
.MB_menu .MB_inner .MBlog_wrap .MB_login ul li { font-size:1rem;  padding:0 7px 0 7px; height:30px; line-height:27px;}
.MB_menu .MB_inner .MBlog_wrap .MB_login ul li :hover {font-family:'Noto Sans KR','Noto Sans KR','sans-serif';  font-weight:500; font-size:1rem; color:#fff;}
#bottom_navi li{ font-size:0.8rem; margin-right:10px;}
/* ³×ºñ°ÔÀÌ¼Ç */
#MB_bottom_navi li{ font-size:1rem; margin-right:10px; line-height:30px;  height:31px; margin-bottom:30px;}

/*¾Û*/
#MB_bot_con3 {width:360px; }
#MB_bot_app {width:360px; }
.MB_bot_app_li01 {width:170px; }
.MB_bot_app_li01 ima{ width:100%; max-width:100%;}
.MB_bot_app_li02 {width:170px; }
.MB_bot_app_li02 ima{width:100%; max-width:100%;}
.MB_bot_app_li03 { font-size:0.8rem; }
}

@media all and (max-width:400px){
/*¾Û*/
#MB_bot_con3 {width:280px; }
#MB_bot_app {width:280px; }
.MB_bot_app_li01 {width:130px; }
.MB_bot_app_li02 {width:130px; }
#MB_bottom_navi li{ font-size:0.8rem; margin-right:7x; line-height:30px;  height:31px; margin-bottom:30px;}
}

/*¸ÞÀλó´ÜÆ˾÷*/
/*PC*/
.pop_top {display: flex; position: relative; width: 100%; height: 100px; background-color: #1d1d1d; z-index: 1000;}
.pop_top .pop_close {display: block; position: absolute; z-index: 5; top: calc(60% - 25%); right: 20px; width: 29px; height: 29px; cursor: pointer;}
.pop_top .pop_close img {width: 100%; max-width: 29px; border: none;}
.pop_top .pop_top_wrap {width: 1200px; margin: 0 auto; position: relative;}
.pop_top .pop_top_inner {
        width: 1200px;
        height: 100px;
        margin: 0 auto;
        position: relative;
        background-color: #1d1d1d;
    }

        .pop_top .pop_top_inner a {
            display: block;
            height: 100%;
            cursor: pointer;
        }

        .pop_top .pop_top_inner .pop_top_txt {
            text-align: center;
            width: 1200px;
            font-weight: 700;
            font-size: 25px;
            color: #fff;
            letter-spacing: -0.0375em;
            font-family: "Noto Sans KR", "Noto Sans KR B", "Spoqa Han Sans", "sans-serif";
            position: absolute;
            top: 50%;
            transform: translate(0, -50%);
        }

            .pop_top .pop_top_inner .pop_top_txt span {
                color: #008aff;
            }

        .pop_top .pop_top_inner .pop_top_img {
            width: 100%;
            height: 100%;
            background-repeat: no-repeat;
            background-position: center center !important;
            background-size: cover !important;
        }
/*Tablet*/
@media all and (max-width: 1260px) {
    .pop_top .pop_top_wrap {
        width: 100%;
        margin-right: 50px;
    }

    .pop_top .pop_top_inner {
        width: 100%;
    }

        .pop_top .pop_top_inner .pop_top_txt {
            width: 100%;
            font-size: 24px;
        }
}
/*Mobile*/
@media all and (max-width: 768px) {
    .pop_top {
        width: 100%;
        height: 80px;
    }

        .pop_top .pop_top_wrap {
            margin-right: 40px;
        }

        .pop_top .pop_top_inner {
            height: 80px;
        }

            .pop_top .pop_top_inner .pop_top_txt {
                font-size: 18px;
            }

        .pop_top .pop_close {
            top: calc(60% - 27%);
            right: 10px;
            width: 25px;
            height: 25px;
        }
}

@media all and (max-width: 599px) {
    .pop_top .pop_top_wrap {
        margin-right: 30px;
    }

    .pop_top .pop_close {
        right: 10px;
        width: 20px;
        height: 20px;
    }

    .pop_top .pop_top_inner .pop_top_txt {
        padding: 0 40px;
        word-wrap: break-word;
        font-size: 16px;
    }

    .pop_top .pop_top_inner .pop_top_img {
        display: none;
    }
}

@media all and (max-width: 500px) {
    .pop_top .pop_top_inner .pop_top_txt {
        padding: 0 40px;
        word-wrap: break-word;
        font-size: 15px;
    }

    .pop_top .pop_top_inner .pop_top_img {
        display: none;
    }
}
/*//¸ÞÀλó´ÜÆ˾÷*/