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%;}


/* 필수입력 */
.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;/*min-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{width:calc(100% - 350px);border-right:1px solid #ccc;padding-right:15px;}
#mainCon .sideNews{width:350px;min-width:350px;margin-left:auto;padding-left:15px;}

.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{height:110px;}

#header .topLogo{height:110px;}
#header .topLogo .banner{width:430px;min-width:430px;}
#header .topLogo .banner img{width:280px;height:78px;}
#header .topLogo .rbanner img{width:280px;height:78px;}

#header .topLogo embed{width:280px;height:80px;border:1px solid #ccc;}

#header .topLogo .rbanner{position:relative;width:430px;min-width:430px;height:100px;display:flex;align-items:center;}

#header .topLogo .rbanner #topSearchBtn{margin-left:60px;margin-top:13px;display:inline-block;}
#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 ul{margin-left:auto;margin-right:10px;display:flex;justify-content:flex-end;align-items:flex-end;}
#header .topLogo .rbanner ul li{}
#header .topLogo .rbanner ul li.vline{padding:0px 8px;color:#aaa;font-size:13px;line-height:30px;}
#header .topLogo .rbanner ul li a{display:inline-block;padding:0px 8px;font-size:23px;color:#999;}

#topDate{margin:0px;padding:0px;position:absolute;top:30px;right:10px;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;}


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


/*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;}
#mainMenu .container{border-top:1px solid #ccc;border-bottom:1px solid #ccc;overflow:hidden;}
#mainMenu .site-navigation-section{height:50px;width:60px;min-width:60px;text-align:center;margin-right:20px;}


#mainMenu{margin-bottom:0px;}
#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:200px;
	left:calc(50% + 620px);
	width:116px;
}
#rightWingBanner > div{margin-bottom:10px;}
body.scrolled #rightWingBanner{
  top: 50px;
  position:fixed;
}

/*##### 리스트메뉴 #####*/
#subMenu{border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
#subMenu .container{width:100%;max-width:1200px;margin:0px auto;display:flex;align-items:center;}
#subMenu .container .site-navigation-section{width:50px;min-width:50px;margin-top:-4px;}
#subMenu .container .subName{width:180px;min-width:180px;align-self:center;font-size:35px;font-weight:700;}
#subMenu .container .subNav{width:cal(100% - 230px);display:flex;justify-content:flex-start;flex-wrap:wrap;}
#subMenu .container .subNav > a{display:inline-block;padding:10px 12px;margin-right:5px;font-size:16px;letter-spacing:-0.05em;color:#111;font-weight:700;font-family:'Noto Sans KR';}
#subMenu .container .subNav > a:hover{color:red;}
#subMenu .container .subNav > a.on{color:red;font-weight:700;}

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



/* all Menu */
#allMenuBox{position:relative;margin:-20px auto 30px auto;width:1202px;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;}


#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:1202px;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;}



/* 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-bottom:1px solid #ccc;}
#footer2 div.qlink{padding:15px 0px;font-family:'맑은 고딕';color:#555;text-align:center;}
#footer2 div.qlink a{display:inline-block;padding:0px 10px;font-size:13px;color:#555}
#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:200px;min-width:200px;font-weight:bold;font-size:20px;}
#footer .leftside1 a{display:block;width:100%;}
#footer .leftside1 a img{width:90%;}


#footer .grow div.addr{font-size:14px;font-family:'맑은 고딕';color:#555;}
#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 {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;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;width:40px;height:40px;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;height:40px;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 #e9e9e9;margin-bottom:3px;margin-top:5px;display:block;}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span{display:none;}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#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:31px;height:31px;background:url('../img/captcha2.png') no-repeat 0 0 ;  vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

.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{position:relative;width:100%;height:500px;display:flex;justify-content:center;align-items:center;background-color:black;}	

.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:10px;}
.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:#577284;}	
.cate2.cate2106{background:#797B3A;}	
.cate2.cate2107{background:#FF6F61;}	
.cate2.cate2108{background:#577284;}	
.cate2.cate2110{background:#797B3A;}	
.cate2.cate2112{background:#FF6F61;}	
.cate2.cate2111{background:#577284;}	
.cate2.cate2109{background:#797B3A;}	
.cate2.cate2113{background:#FF6F61;}	

.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;font-family:'Nanum Gothic';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:-27px;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;}