html {overflow-y:scroll}
body{margin:0px;padding:0px;/*font-size:13px;*/font-family:'Noto Sans KR', sans-serif; font-weight:400;letter-spacing:-0.05em;}


html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
{transform: skew(-0.003deg);}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd,li {margin:0;padding:0;list-style:none}

p {margin:0;padding:0;word-break:break-all}
a {color:#000;text-decoration:none;display:inline-block}
a:hover{color:#333;}
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


input[type=text],input[type=password], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
}
 
input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {
-webkit-box-shadow:  0 0 5px #9ed4ff;
-moz-box-shadow:  0 0 5px #9ed4ff;
box-shadow: 0 0 5px #9ed4ff;
border: 1px solid #558ab7 !important;
}
.placeholdersjs { color: #aaa !important; }
form{width:100%;}

.oneLineCut{overflow:hidden;white-space: nowrap; text-overflow: ellipsis;}
.secondLineCut{width:100%;height:50px;line-height:25px;overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.threeLineCut{width:100%;overflow: hidden;height:75px;line-height:25px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}


/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png')  !important;background-repeat:no-repeat   !important;background-position:right top  !important;}
/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops img{max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding: 0;background:#000;color:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding: 10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject{background:#000;text-align:left}
.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}

.container{width:1200px;max-width:1200px;padding:0px;margin:0px auto;}
.cont-body{padding-left:10px;padding-right:10px;}
.no_border{border:0px !important;}
#mainCon{display:flex;margin-bottom:30px;}
#mainCon .mainNews{padding-right:15px;width:855px;border-right:1px solid #ccc;}
#mainCon .sideNews{width:335px;min-width:335px;margin-left:10px;}

#menuCon{position:relative;}

.mainNewsTest .topNews .swiper-container{height:200px;}
.mainNewsTest .topNews .swiper-slide{height:200px;}


#topMenu{width:100%;padding:6px 0px;background-color:#f8f8f8;letter-spacing:-0.04em;}
#topMenu .menu a{display:inline-block;padding:0px 5px;font-size:12px;font-weight:normal;color:#777;text-decoration:none;}
#topMenu .menu a.login{color:#3b57c4;font-weight:bold;}
#topMenu .menu .vline{display:inline-block;padding:0px 3px;color:#ddd;font-size:9px;line-height:15px;}

#header{}
#header .topLogo{position:relative;width:100%;height:110px;display:flex;align-items:center;justify-content:center;}


/********************************
top logo
********************************/
#header .topLogo .logo{position:relative;}
#header .topLogo .logo #header .topLogo .logo img{height:100%;}

/*top ticker*/
.top_recurit{position:absolute;top:3px;left:-170px;width:160px;overflow:hidden;}
.top_recurit.on{display:none;}
.top_recurit .tr_title{margin-bottom:4px;margin-left:-13px;}
#mainPCRecruit{width:100%;}
#mainPCRecruit .swiper-container{width:100%;height:40px;}
#mainPCRecruit .swiper-container .swiper-slide{height:40px;margin-bottom:0px;}
#mainPCRecruit .swiper-container .swiper-slide a{display:block; padding:0px; width:100%; height:40px; line-height:18px; overflow:hidden; text-overflow:ellipsis;  text-align:left; font-size:14px; font-weight:400; letter-spacing:-0.05em;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}


#header .topLogo .lbanner{position:absolute;top:0px;left:0px;height:110px;display:flex;align-items:center;}
#header .topLogo .rbanner{position:absolute;top:0px;right:0px;height:110px;display:flex;align-items:center;}
#header .topLogo .rbanner #topSearchBtn{margin-right:60px;display:inline-block;width:60px;text-align:center;}
#header .topLogo .rbanner #topSearchBtn .icon{font-size:30px;display:block;font-weight:bold;margin-bottom:5px;}
#header .topLogo .rbanner #topSearchBtn span.texter{font-size:16px;font-weight:bold;}
#header .topLogo .rbanner .lt_banner{margin-left:auto;margin-right:10px;display:flex;justify-content:flex-end;align-items:flex-end;}

#topDate{margin:0px;padding:0px;display:flex;height:40px;}
#topDate li{margin:0px;margin-left:3px;padding:0px;list-style-type:none;letter-spacing:-0.05em;}
#topDate li.td_year{align-self:flex-start;font-size:13px;}
#topDate li.td_day{align-self:center;font-size:30px;font-weight:bold;letter-spacing:-0.05em;font-family:'Georgia';}
#topDate li.td_date{align-self:flex-end;margin-left:4px;font-size:12px;}

#topDateMenu{position:absolute;top:5px;right:5px;margin:0px;padding:0px;display:flex;height:40px;}
#topDateMenu li{margin:0px;margin-left:3px;padding:0px;list-style-type:none;letter-spacing:-0.05em;}
#topDateMenu li.td_year{align-self:flex-start;font-size:13px;}
#topDateMenu li.td_day{align-self:center;font-size:30px;font-weight:bold;letter-spacing:-0.05em;font-family:'Georgia';}
#topDateMenu li.td_date{align-self:flex-end;margin-left:4px;font-size:12px;}

/********************************
top logo end
********************************/


/*navigation*/
.newsViewNav{margin-bottom:15px;padding:10px 5px 0px 5px;text-align:right;font-size:16px;}
.newsViewNav .bMenu{}
.newsViewNav .sMenu{font-weight:bold;}
.newsViewNav a:hover{color:#777;}

.site-navigation-section {
    position: relative;
    z-index: 99;
}

.site-navigation-section .mobile-nav-icon {
    background-color: transparent;
    border: medium none;
    cursor: pointer;
    outline: medium none;
    width: auto;
    padding: 0;
    height: 38px;
	position:relative;
    z-index: 1001;
}
.site-navigation-section .mobile-nav-icon {
    cursor: pointer;
}

.site-navigation-section .mobile-nav-icon .icon-menu__lines {
    background-color: #000000;
    display: inline-block;
    position: relative;
    width: 30px;
    height: 3px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
}

.site-navigation-section .mobile-nav-icon .icon-menu__lines::before, .site-navigation-section .mobile-nav-icon .icon-menu__lines::after {
    background: #000000;
    content: "";
    display: inline-block;
    left: 0;
    position: absolute;
    width: 100%;
    height: 3px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
}

.site-navigation-section .mobile-nav-icon .icon-menu__lines::before {
    top: -10px;
}
.site-navigation-section .mobile-nav-icon .icon-menu__lines::after {
    top: 10px;
}
.site-navigation-section .mobile-nav-icon .icon-menu__lines, .site-navigation-section .mobile-nav-icon .icon-menu__lines::before, .site-navigation-section .mobile-nav-icon .icon-menu__lines::after {
    background: #333;
}


.site-navigation-section .mobile-nav-icon.icon-transform .icon-menu__lines {
    background-color: transparent;
}

.site-navigation-section .mobile-nav-icon.icon-transform .icon-menu__lines::before {
    transform: rotate3d(0, 0, 1, -45deg);
}

.site-navigation-section .mobile-nav-icon.icon-transform .icon-menu__lines::before, .site-navigation-section .mobile-nav-icon.icon-transform .icon-menu__lines::after {
    top: 0;
    width: 30px;
    left: 0;
    background-color: #333 !important;
}

.site-navigation-section .mobile-nav-icon.icon-transform .icon-menu__lines::after {
    transform: rotate3d(0, 0, 1, 45deg);
}



/*##### 상단 메뉴를 정의 #####*/
#mainMenu{height:50px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;overflow:hidden;}
#mainMenu .site-navigation-section{position:relative;height:50px;width:60px;min-width:60px;text-align:center;margin-right:20px;z-index:1000;}


#mainMenu{margin-bottom:0px;}
#mainMenu .navMenu{position:relative;}
#mainMenu .navMenu ul {margin-bottom:0px;}
#mainMenu .navMenu ul li {float:left;}
#mainMenu .navMenu ul li.search{float:right;}
#mainMenu .navMenu ul li a {padding:0px 18px;display:inline-block;width:100%;height:50px;line-height:50px;text-decoration:none;color:#555;font-size:17px;font-weight:700;letter-spacing:-0.05em;}
#mainMenu .navMenu ul li.search a{display:flex;align-items:center;height:50px;line-height:50px;font-size:27px;padding:0px 25px;}
#mainMenu .navMenu ul li.search a .texter{display:inline-block;margin-left:7px;font-size:20px;}
#mainMenu .navMenu ul li.etc2 a {color:#3d92d9}

#mainMenu .navMenu ul li.menu_box a span{display:inline-block;padding:5px 10px;border-radius:5px;line-height:20px;font-size:16px;}

#mainMenu .navMenu ul li.job a{padding-left:5px;padding-right:5px;font-weight:500;}
#mainMenu .navMenu ul li.shop a{padding-left:5px;padding-right:5px;font-weight:500;}
#mainMenu .navMenu ul li.report a{padding-left:5px;padding-right:10px;font-weight:500;}


#mainMenu .navMenu ul li.job a span{background-color:#2A4B7C;color:white;}
#mainMenu .navMenu ul li.shop a span {background-color:#DD4132;color:white;}
#mainMenu .navMenu ul li.report a span{background-color:#28a745;color:white;}

#mainMenu .navMenu ul li span.vline{display:inline-block;height:50px;line-height:50px;color:#aaa;font-size:10px;padding:0px 18px}


/*오른쪽 날개 배너*/
#rightWingBanner{
	position:absolute;
	top:215px;
	left:calc(50% + 620px);
	width:120px;
}
#rightWingBanner > div{margin-bottom:10px;}
body.scrolled #rightWingBanner{
  top: 50px;
  position:fixed;
}

/*왼쪽 날개 배너*/
#leftWingBanner{
	position:absolute;
	top:215px;
	right:calc(50% + 620px);
	width:120px;
}
#leftWingBanner > div{margin-bottom:10px;}
body.scrolled #leftWingBanner{
  top: 50px;
  position:fixed;
}

body.new_list #leftWingBanner{top:185px;}
body.new_list #rightWingBanner{top:185px;}

body.new_view #leftWingBanner{top:205px;}
body.new_view #rightWingBanner{top:205px;}

/*##### 리스트메뉴 #####*/
#subMenu{display:flex;align-items:center;height:50px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
#subMenu .site-navigation-section{width:50px;min-width:50px;margin-top:-10px;}
#subMenu .subName{width:150px;min-width:150px;align-self:center;font-size:23px;font-weight:700;letter-spacing:-0.05em;}
#subMenu.subMenu22 .subName{width:120px;min-width:120px;}
/*
#subMenu.subMenu22 .subNav > a{padding-left:10px;padding-right:10px;}
*/
#subMenu .subNav{width:calc(100% - 150px);display:flex;justify-content:flex-start;flex-wrap:wrap;}
#subMenu.subMenu22 .subNav{width:calc(100% - 150px);}

#subMenu .subNav > a{display:inline-block;padding:10px 12px;margin-right:0px;font-size:16px;letter-spacing:-0.05em;color:#111;font-weight:700;font-family:'Noto Sans KR';}
#subMenu .subNav > a:hover{color:red;}
#subMenu .subNav > a.on{color:red;font-weight:700;}

#subMenu #newsList.container{}
/* list menu 종료 */


/* all Menu */
#allMenuBox{position:absolute;top:50px;left:0px;margin:0px auto 30px auto;width:100%;height:1px;z-index:1004;}
#allMenuBox #allMenu{position:absolute;display:flex;align-items:center;justify-content:center;top:0px;left:0px;width:100%;height:0;opacity:0.5;overflow:hidden;background-color:white;border-bottom:1px solid #aaa}
#allMenu #allMenuList{width:100%;padding-bottom:30px;}
#allMenuBox #allMenu{border-bottom:none;}
#allMenuBox.on #allMenu{border-bottom:1px solid #aaa;}

body.mobile-menu-slide #menuCon .navMenu,
body.mobile-menu-slide #menuCon .subNav{display:none;}
#allMenuList{padding:0px 10px;}
#allMenuList table{width:100%;}

#allMenuList table tr{}
#allMenuList table tr td{vertical-align:top;padding:10px 5px;border-bottom:1px solid #ccc;}
#allMenuList table tr td.gmenu{width:160px;padding-left:15px;padding-top:15px;font-weight:bold;font-size:16px;}
#allMenuList table tr td.gmenu a{color:#2E4A62;text-decoration:none;}
#allMenuList table tr td.smenu{font-size:14px;}
#allMenuList table tr td.smenu ul{padding:0px;margin:0px;display:flex;align-item:center;flex-wrap:wrap;}
#allMenuList table tr td.smenu ul li{width:14.2%;padding:0px;margin:0px;list-style-type:none;}
#allMenuList table tr td.smenu ul li a{display:inline-block;width:100%;padding:5px 0px;margin:0px;text-decoration:none;font-weight:400;}


/* top Search */
#topSearch{position:relative;margin:4px auto 15px auto;width:100%;height:1px;z-index:1004;}
#topSearch #ts_box{position:absolute;display:flex;align-items:center;justify-content:center;top:0px;left:0px;width:100%;height:0;opacity:0.5;overflow:hidden;background-color:white;}
#topSearch.on #ts_box{border-bottom:1px solid #aaa}

#ts_box #ts_con{width:800px;}

#ts_search{width:100%;height:110px;display:flex;align-items:center; justify-content:center;}

#ts_con input{width:80%;max-width:780px;height:60px;border:none;border-bottom:2px solid #aaa;}
#ts_con input:focus{ border-color: inherit;
-webkit-box-shadow: none;
box-shadow: none;
border:none;}
#ts_con button{font-size:40px;background:transparent;margin-left:5px;padding:0px 10px;border:none;}
#ts_con .ts_best_title{padding-left:20px;margin-bottom:15px;font-size:20px;font-weight:bold;color:#262626;}
#ts_best{margin-left:20px;width:750px;}
#ts_best > div{margin:0px;padding:0px;}
#ts_best > div ul{margin:0px;padding:0px;}
#ts_best > div ul li{width:100%;}
#ts_best > div ul li a{display:block;width:100%;margin-bottom:5px;height:35px;line-height:35px;overflow:hidden;font-size:18px;}
#ts_best > div ul li a span{display:inline-block;}
#ts_best > div ul li a .num{width:25px;}
#ts_best > div ul li a .num.notice{font-weight:bold;color:#9B1B30;}


#contBody{width:1200px;min-width:1200px;margin:0px auto;min-height:500px;}




/*서브메뉴 네비게이션*/
.groupTitle{margin-bottom:30px;position:relative;font-size:38px;font-weight:500;z-index:1;}
.groupTitle .pgTitle{padding-top:20px;margin-bottom:10px;font-size:35px;font-weight:700;text-align:center;}
/*rgba change*/
.groupTitle .pgNav{width:100%;display:flex;align-items:center; justify-content:center;border-bottom:2px solid rgba(0,0,0,0.16);}
.groupTitle .pgNav a{display:inline-block;margin:0px 0px -1px 0px;padding:10px 30px;line-height:37px;font-size:16px;color:#aaa; }
.groupTitle .pgNav a:hover, .groupTitle .pgNav a.on{margin-bottom:-2px;border-bottom:3px solid #5c7493;font-weight:700;color:#505050;}

#mViewCont{width:100%; max-width:780px;margin:0px auto;}
.legal_link a{font-size:13px;color:white}

/*dmedi pages*/
.historyCont{width:100%;max-width:980px;margin:0px auto;}
.historyCont > li {margin-bottom:40px;display:flex;justify-content:space-between;}
.historyCont > li > div.year{width:150px;line-height:40px;font-size:40px;font-weight:800;font-family:'Nanum Myeongjo';}
.historyCont > li > ul {width:calc(100% - 150px);}
.historyCont > li > ul li{font-size:20px;line-height:30px;margin-bottom:10px;font-weight:400;color:black;}


.bgOrg{}
.smOrg{display:none;}

.dmedi_header{margin-bottom:30px;padding:20px;line-height:35px;font-size:18px;border:1px solid #ccc;background-color:#f9f9f9;}
.dmedi_body{padding-bottom:30px;}
.dmedi_body .dmedi_head{margin-bottom:20px;font-weight:700;font-size:20px;}
.dmedi_body .dmedi_text{margin-bottom:20px;font-size:18px;line-height:30px;}
.dmedi_body .dmedi_text_end{margin-bottom:40px;}
.dmedi_body .dmedi_text .bold{font-weight:500;}

#pageBody .dmedi_list{max-width:890px;margin:0px auto;padding-left:50px;}
#pageBody .dmedi_list li{padding-left:10px;padding-top:5px;margin-bottom:30px;list-style-type:decimal-leading-zero;font-size:30px;font-weight:800;font-family:'Nanum Myeongjo';}
#pageBody .dmedi_list li > div{font-family:'Noto Sans KR';}
#pageBody .dmedi_list li > div.dmedi_head{margin-top:-5px;margin-bottom:5px;font-weight:700;font-size:25px;}
#pageBody .dmedi_list li > div.dmedi_text{margin-bottom:20px;font-size:18px;line-height:30px;font-weight:400;}
#pageBody .dmedi_list li > div.dmedi_text_end{margin-bottom:40px;}
#pageBody .dmedi_list li > div.dmedi_text .bold{font-weight:500;}




/* footer */
#Bbar{padding:15px 0px;width:100%;background-color:#31343b;}
#Bbar .row > div{color:white;display:flex;align-items:center;}
#Bbar .row > div span{}
#Bbar .row > div span.head{margin-right:10px;display:inline-block;padding:2px 10px;border:1px solid white;}

#footer2{border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
#footer2 div.qlink{padding:15px 0px;color:#555;text-align:center;}
#footer2 div.qlink a{display:inline-block;padding:0px 10px;font-size:13px;color:#555;font-weight:400;}
#footer2 div.qlink .vline{display:inline-block;padding:0px 0px;color:#777;font-size:12px;}

#footer{padding:20px 0px 40px 0px;;}
#footer .container{display:flex;}
#footer .leftside1{width:300px;min-width:300px;font-weight:bold;font-size:20px;}
#footer .leftside1 a{display:block;width:100%;}
#footer .leftside1 a img{max-width:250px;}

#footer .grow div.addr{font-size:14px;color:#555; letter-spacing:0em;font-weight:400;}
#footer .grow div.copyright{margin-top:15px;font-size:12px;}
/* end footer */


/* captcha -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {border:1px solid #898989;vertical-align:top;padding:0;margin:0;height:50px;}
#captcha #captcha_mp3 {margin:0;padding:0;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* captcha - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #aaa;margin-bottom:3px;margin-top:5px;display:block;}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:45px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background-color:#ddd;}
#captcha.m_captcha #captcha_reload span{display:none;}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:60px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:0px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:40px;height:45px;background-color:#ddd;  vertical-align:top;overflow:hidden;cursor:pointer;border:none;margin-right:5px;}

.phMovie{position:relative;width:100%;height:400px;display:flex;justify-content:center;align-items:center;background-color:black;}
.phMovie video{width:100%;height:auto;}


.movieView{margin-bottom:20px;position:relative;width:100%;height:500px;display:flex;justify-content:center;align-items:center;background-color:black;}	
.movieView.overyear{color:white;font-size:20px;text-align:center;}	
.movieView.overyear .text{margin-bottom:20px;}
.movieView.overyear .login a{display:inline-block;padding:10px 25px;background-color:#f3f3f3;color:black;font-size:17px;}

.cont_hide{width:100%;height:150px;overflow:hidden;}
.cont_overyear{margin-top:10px; width:100%;height:200px;background: linear-gradient( to bottom, #f1f1f1, #fcfcfc ); display:flex;align-items:center;justify-content:center;}
.cont_overyear .text{margin-bottom:15px;font-size:18px;color:black;text-align:center;}
.cont_overyear .login{text-align:center;}
.cont_overyear .login a{display:inline-block;padding:5px 25px;background-color:#333;color:white;font-size:16px;}

.movieView video{width:100% !important;height:500px !important;}
@media (max-width: 768px) {
	
}



/* Back to top button */

.back-to-top {position: fixed;display: none; background: #000000;color: #fff; width: 44px; height: 44px;text-align: center; line-height: 1; font-size: 16px;border-radius: 50%;right: 15px; bottom: 15px; transition: background 0.5s;z-index: 11;opacity:0.4;}

.back-to-top i { padding-top: 12px;color: #fff;}


.stitle{font-size:17px;font-weight:bold;margin-bottom:0px;}
.cate2{background-color:#333;color:white;}
.cate2.cate21{background:#577284;}
.cate2.cate22{background:#797B3A;}
.cate2.cate23{background:#FF6F61;}
.cate2.cate2102{background:#577284;}	
.cate2.cate2103{background:#797B3A;}	
.cate2.cate2104{background:#FF6F61;}
.cate2.cate2105{background:#007bff;}	
.cate2.cate2106{background:#28a745;}	
.cate2.cate2107{background:#fd7e14;}	
.cate2.cate2108{background:#8b0032;}	
.cate2.cate2110{background:#e83e8c;}	
.cate2.cate2112{background:#ffc107;}	
.cate2.cate2111{background:#6f42c1;}	
.cate2.cate2109{background:#dc3545;}	
.cate2.cate2113{background:#6c757d;}	
.cate2.cate3111{background:green;}	
.cate2.cate3122{background:#555;}	
.cate2.cate3133{background:#999;}	


.rightBanner{width:335px;}
.rightBanner .swiper-slide{width:335px;}
.rightBanner .swiper-slide img{max-width:100%;}



/*하위페이지를 정의*/
#pageCont .title{width:100%;text-align:center;font-size:35px;font-weight:700;}

#pageBody{padding:30px 0px 50px 0px;}
#pageBody.company{font-size:19px;width:890px;margin:0px auto;}
#pageBody .header{margin-bottom:30px;line-height:30px;font-size:18px;text-align:justify;}
#pageBody .head{margin-bottom:10px;font-size:23px;font-weight:700;color:#0033cd;}
#pageBody .text{line-height:30px;margin-bottom:30px;padding:0px 15px;}

#pageBody pre{font-size:17px;line-height:30px;font-family:'Noto Sans KR';word-break:break-all;white-space:pre-wrap}
#pageBody pre b{font-size:18px;font-weight:700;line-height:50px;color:#333}
#pageBody pre strong{font-size:20px;font-weight:700;line-height:50px;color:#111}


/* report */
.subReportBg{margin-top:-20px;display:flex;align-items:center;justify-content:center;width:100%;height:350px;background:url('../img/report_bg.jpg') no-repeat center center;background-size:cover;}
.subReportBg > div{text-align:center;}
.subReportBg > div .title{margin-bottom:20px;font-size:40px;font-weight:bold;}
.subReportBg > div .stitle{padding:5px;font-size:25px;font-weight:400;background-color:rgba(0,0,0,0.3);color:white;}

.nReport{margin-bottom:30px;border:1px solid #ccc;padding:20px 25px 10px 25px;}

.nReport .nReportBody{margin-bottom:5px;padding-bottom:6px;letter-spacing:-0.03em;}
.nReport .nReportHead{margin-bottom:10px;font-size:25px;font-weight:800;font-family:'Nanum Myeongjo';}
.nReport .nReportText{margin-bottom:5px;}
.nReport .nReportText2{margin-bottom:5px;}
.nReport .notice{margin-top:10px;color:red;font-size:15px;letter-spacing:-0.05em;}
.nReport .nReportSubmit{}



/* report form */
#pageBody.report .title{margin-bottom:20px;}
#pageBody.report .subTitle{margin-bottom:30px;font-size:20px;line-height:35px;font-weight:400;}
#pageBody.report{width:890px;margin:0px auto 30px auto;}
#pageBody.report .table_form{width:100%;margin-bottom:30px;border-top:2px solid #777;}
#pageBody.report .table_form td{padding:10px;border-bottom:1px solid #ccc;}
#pageBody.report .table_form td.head{font-size:16px;color:#111;width:20%;max-width:150px;background-color:#f4f4f4;}
#pageBody.report .table_form td.text{}
#pageBody.report .table_form td .req{color:red;}
.pagination{border-radius:0px;}
.page-link{color:#555;}
.page-item.active .page-link{background-color:#333;}

/*mapCon*/
#mapCon{margin-bottom:50px;}
#device_change{padding:0px 8px;background-color:#555;border:1px solid #555;height:23px;color:white;}
.mobile #device_change{margin-left:5px;height:20px;padding:0px 15px;}

.searchNotice{width:100%;padding:10px 0px;text-align:center;color:red;}


/*specialist list*/
.sp_list > ul{width:100%;max-width:1200px;margin:30px auto;padding:0px 0px;border-top:2px solid black;}
.sp_list > ul > li{display:flex;align-items:center;border-bottom:1px solid #ccc;}
.sp_list .sp_info{width:calc(100% - 150px);padding:10px 10px;line-height:23px;}
.sp_list .sp_info a{display:block;}
.sp_list .sp_info .sp_name{color:#1f537f;font-size:14px;font-weight:500;}
.sp_list .sp_info .sp_subject{color:#025862;font-size:15px;font-weight:500;}
.sp_list .sp_info .sp_date{color:#777;font-size:13px;}

.sp_list .sp_link{width:150px;display:flex;align-items:center;}
.sp_list .sp_link a,
.sp_list .sp_link button{display:flex;align-items:center;justify-content:center;height:40px;width:70px;margin:0px 3px;border:1px solid #aaa;background-color:white;color:black;font-size:14px;letter-spacing:-0.05em;}

.sp_list .sp_link button.state.ing{background-color:#850001;border-color:#850001;color:white;}
.sp_list .sp_link button.state.comp{background-color:#eeeeee;border-color:#aaa;color:black;}

.sp_list .sp_link a{background-color:#707070;color:white;border:1px solid #707070;}

.sp_list.sp_view{margin:30px 0px;padding-bottom:30px;width:100%;}
.sp_list.sp_view .sp_link{width:100%;justify-content:flex-start;}
.sp_list.sp_view .sp_link a.go_list{background-color:white;color:black;}

.sp_list.sp_view .sp_info{margin-bottom:30px;padding-left:0px;}
.sp_list.sp_view .sp_info .sp_name{font-size:15px;}
.sp_list.sp_view .sp_info .sp_subject{font-size:16px;}
.sp_list.sp_view .sp_info .sp_date{font-size:14px;}

.sp_list.sp_view .sp_view_head{margin-bottom:20px;}
.sp_view_content{margin-bottom:30px;min-height:250px;}
.current_year{padding:10px 0px 10px 0px;text-align:center;}
.pagination-sm .year-item .page-link {padding-left:10px;padding-right:10px;background-color:#f3f3f3;}
.year-item.year-item-next{margin-left:3px;}
.year-item.year-item-prev{margin-right:3px;}

body.new_view .htmlView #wr_content{display:block;}
body.new_view .htmlView #guest_wr_content{display:none;}
#reporterBox{display:flex;align-items:center;justify-content:flex-end;}
#reporterBox img{}
@media (max-width: 1240px){
	.container{padding-left:15px;padding-right:15px;}
	.root_daum_roughmap{width:calc(100vw - 30px) !important;}
	#contBody{padding-left:15px;padding-right:15px;}
	.root_daum_roughmap .wrap_controllers, 
	.wrap_map{width:calc(100vw - 30px) !important;}
}

@media (max-width: 890px) 
{
	/*서브메뉴 네비게이션*/
	.groupTitle{padding-left:15px;padding-right:15px;margin-bottom:20px;font-size:18px;}
	
	.groupTitle .pgTitle{padding:20px 0px 10px 0px;margin-bottom:0px;height:auto;line-height:50px;font-size:30px;font-weight:700;text-align:center;}
	
	/*rgba change*/
	.groupTitle .pgNav{width:100%;display:flex;flex-wrap:wrap;align-items:center; justify-content:center;border:0px;}
	.groupTitle .pgNav a{display:inline-block;margin:0px 5px 10px 0px;padding:10px 10px;line-height:25px;font-size:16px;color:#333;border:1px solid #555; }
	.groupTitle .pgNav a:hover, .groupTitle .pgNav a.on{margin:0px 5px 10px 0px;border:1px solid #555;font-weight:500;color:white;background-color:#333;}

	/*dmedi pages*/
	.historyCont{max-width:500px;margin:0px auto;}
	.historyCont > li {margin-bottom:25px;}
	.historyCont > li > div.year{width:80px;line-height:35px;font-size:30px;font-weight:800;font-family:'Nanum Myeongjo';}
	.historyCont > li > ul {margin-top:3px;width:calc(100% - 80px);}
	.historyCont > li > ul li{font-size:17px;line-height:25px;margin-bottom:5px;letter-spacing:-0.05em;}

}
@media (max-width: 780px) 
{
	/*서브메뉴 네비게이션*/
	.groupTitle .pgTitle{font-size:26px;}
	/*rgba change*/
	.groupTitle .pgNav a{padding:10px 10px;line-height:25px;font-size:15px;}
	.groupTitle .pgNav a:hover, .groupTitle .pgNav a.on{}


	.dmedi_header{margin-bottom:30px;padding:20px;line-height:35px;font-size:18px;border:1px solid #ccc;background-color:#f9f9f9;}
	.dmedi_body{padding-bottom:30px;}
	.dmedi_body .dmedi_head{margin-bottom:20px;font-weight:700;font-size:20px;}
	.dmedi_body .dmedi_text{margin-bottom:20px;font-size:18px;line-height:30px;}
	.dmedi_body .dmedi_text_end{margin-bottom:40px;}
	.dmedi_body .dmedi_text .bold{font-weight:500;}

	#pageBody .dmedi_list li{padding-left:10px;padding-top:5px;margin-bottom:30px;list-style-type:decimal-leading-zero;font-size:30px;font-weight:800;font-family:'Nanum Myeongjo';}
	#pageBody .dmedi_list li > div{font-family:'Noto Sans KR';}
	#pageBody .dmedi_list li > div.dmedi_head{margin-top:-5px;margin-bottom:5px;font-weight:700;font-size:25px;}
	#pageBody .dmedi_list li > div.dmedi_text{margin-bottom:20px;font-size:18px;line-height:30px;font-weight:400;}
	#pageBody .dmedi_list li > div.dmedi_text_end{margin-bottom:40px;}
	#pageBody .dmedi_list li > div.dmedi_text .bold{font-weight:500;}
}

@media (max-width: 750px) 
{
	.bgOrg{display:none;}
	.smOrg{display:block;}

	.orgTable{width:100% ;margin:10px auto;;}

	.orgTable td{border:1px solid #aaa;padding:10px 5px;line-height:25px;font-size:20px;text-align:center;}
	.orgTable .ceo{background-color:black;color:white;line-height:40px;font-size:25px;font-weight:bold;}
	.orgTable .guide{background-color:#f4f4f4;color:black;}

	.orgTable .head{font-size:22px;color:black;background-color:#fef5e0}
	.orgTable .head2{font-size:20px;color:black;}
	.orgTable .text{font-size:18px;color:black;height:45px;}

}


@media (max-width: 650px) 
{
	.groupTitle .pgNav{justify-content:flex-start;}
	.dmedi_header{margin-bottom:30px;padding:15px;line-height:30px;font-size:17px;}
	.dmedi_body{padding-bottom:25px;}
	.dmedi_body .dmedi_head{margin-bottom:15px;font-size:19px;}
	.dmedi_body .dmedi_text{font-size:17px;line-height:27px;}
	.dmedi_body .dmedi_text_end{margin-bottom:30px;}
	.root_daum_roughmap .wrap_map{height: 350px !important;}

	.sp_list .sp_info{width:100%;padding-bottom:5px;}
	.sp_list > ul > li{display:block;padding-bottom:10px;}
	.sp_list .sp_link{padding-left:10px;width:100%;}
	.sp_list .sp_link a,
	.sp_list .sp_link button{height:30px;width:70px;font-size:13px;}
	
	.sp_list.sp_view .sp_link{padding-left:0px;margin-left:-5px;}
	.sp_list.sp_view .sp_view_head{margin-bottom:15px;}
}
@media (max-width: 450px) 
{
	/*rgba change*/
	.groupTitle .pgNav a{padding:10px 5px;line-height:20px;font-size:14px;}

	.dmedi_header{line-height:27px;font-size:16px;}
	.dmedi_body .dmedi_text{font-size:16px;line-height:30px;}

	#pageBody .dmedi_list li{font-size:25px;}
	#pageBody .dmedi_list li > div.dmedi_head{font-size:22px;}
	#pageBody .dmedi_list li > div.dmedi_text{font-size:17px;line-height:27px;}
	#pageBody .dmedi_list li > div.dmedi_text_end{margin-bottom:30px;}
	.root_daum_roughmap .wrap_map{height: 300px !important;}

}

@media (max-width: 400px) 
{
	.orgTable td{letter-spacing:-0.05em;}
	.orgTable .head{font-size:20px;color:black;}
	.orgTable .head2{font-size:19px;color:black;}
	.orgTable .text{font-size:18px;color:black;height:45px;}

	#pageBody .dmedi_list{padding-left:35px;}
	#pageBody .dmedi_list li{padding-left:5px;font-size:22px;}
	#pageBody .dmedi_list li > div.dmedi_head{font-size:20px;}
	#pageBody .dmedi_list li > div.dmedi_text{font-size:16px;line-height:25px;}
	#pageBody .dmedi_list li > div.dmedi_text_end{margin-bottom:25px;}

}