/*-----------공통으로 들어가는 css-----------------------------------------------------------------------------------------------*/
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,textarea,p,th,td,input,select,textarea,button{margin:0;padding:0;}
html,body{width:100%;height:100%;}
body{font-family:'malgun Gothic',dotum,tahoma,sans-serif;font-size:12px;color:#000; overflow-x:hidden; overflow-y:auto;}
fieldset,img{border:0 none;vertical-align:top; }
dl,ul,ol,menu,li{list-style:none}
/*button{overflow:visible;border:0 none;background-color:transparent;cursor:pointer} */
button::-moz-focus-inner{padding:0;border:0}
address,caption,em{font-style:normal}
a{color:#000;text-decoration:none}
a:focus,a:active,a:hover{color:#fff;text-decoration:none}
table{border-collapse:collapse;border-spacing:0}
hr{display:none}


/*-----------해더-----------------------------------------------------------------------------------------------*/
#admin_header{z-index:3;position:fixed;top:0;left:0;width:100%;height:75px;background: #191919;border-bottom:1px solid rgba(255,255,255, 0.3);transition:all 0.6s;}
#admin_header.headClass.addfixed{height:80px;background:#000000;border-bottom:0;transition:all 0.6s;}

.admin_header-wrap{width:100%;max-width:1170px;height:75px;margin:0 auto;}
.admin_header-conent-wrap{margin:0 15px;}

.admin_header-nav-wrap{width:100%;}
.admin_header-nav-wrap>li:nth-child(1){float:left;}
.admin_header-nav-wrap>li>h1{padding:23px 0;transition:all 0.6s;}
.admin_header-nav-wrap>li>h1.headClass.addfixed{padding:25px 0;transition:all 0.6s;}
.admin_header-nav-wrap>li>h1>a>img{width:auto;height:29px;}

.admin_header-nav-wrap>li:nth-child(2){float:right;}
.admin_header-nav-wrap>li>nav{padding:32px 0;transition:all 0.6s;}
.admin_header-nav-wrap>li>nav.headClass.addfixed{padding:31px 0;transition:all 0.6s;}
.admin_header-nav-wrap>li>nav>ul{width:100%;}
.admin_header-nav-wrap>li>nav>ul>li{float:left;margin:0 30px;}
.admin_header-nav-wrap>li>nav>ul>li:last-child{margin:0 30px;}
.admin_header-nav-wrap>li>nav>ul>li>a{display:block;
	color:#b3b3b3;
	font-size:13px;
	font-weight:600;
	padding-bottom:5px;
	border-bottom:1px solid transparent;
	transition:all 0.3s;
	font-family:malgun Gothic;}
.admin_header-nav-wrap>li>nav>ul>li>a.addNavBt{border-bottom:1px solid #fff;transition:all 0.3s;}
.admin_header-nav-wrap>li>nav>ul>li>a:hover{transition:all 0.3s; opacity:1; font-size:13.5px; color:#fff; }
.admin_header-nav-wrap>li>nav>ul>li>a:before{opacity:1; color:#fff; }
.admin_header-nav-wrap>li>nav>ul>li>a:after{opacity:1; color:#fff; }

.screen { display:none; }





/*-----------뉴스&공지사항(리스트&내부)-----------------------------------------------------------------------------------------------*/

#sub_visual {position:relative; width:1200px; width:100%;}
#sdu_img{ width:100%; height:350px; background-color:#17467e;}
.sub_text {position:absolute; top:0%; left:0px; width:100%; text-align:center; color:#000; }
.sub_line {width:113px; height:4px; margin:0px auto 0px auto;}
.sub_visual_main {font-size:30px; font-family: 'NanumGothicBold'; margin-top:200px; color:#ffffff;}
.sub_visual_text01 {font-size:23px; font-family: 'NanumGothicBold'; margin-top:193px;;  color:#ffffff;}
.sub_visual_text02 {font-size:16px; margin-top:18px; color:#ffffff;}
.sub_visual_text03 {font-size:40px; font-family: 'NanumGothicBold'; margin-top:14%;}
.sub_loca {
	margin-top: 0px;
    margin-bottom: -80px;
    position: relative;
    background: #0b0b0b;}
	
.sub_loca h2 {
	margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 700;
    position: relative;
    font-size: 33px;
    text-align: center;
    color: #fff;
	padding: 30px 0 30px 0;
}


#container {position:relative; width:100%; overflow:hidden;}
.sub_content {width:100%; margin:0 auto;}
.sub_content_board {width:1200px; margin:0 auto; padding-top:100px; padding-bottom:100px;}
.sub_content_board_mobile {width:95%; margin:0 auto;}

.merchant_content {background:none;}
.board_table {width:100%; border-top:2px solid #17467e; margin-top:30px; }
.board_table tr th {padding:15px 0px; text-align:center; font-weight:400; font-family: 'NanumGothicBold'; border-bottom:1px solid #17467e; }
.board_table tr td {padding:10px 0px; text-align:center; padding:15px 0px;}
.board_table tr td.border_td02 {text-align:left;  letter-spacing:0px;}
.board_table tr td.border_td02 a:hover {color:#444444; font-weight: 700; font-size: 14px;}
.board_table tr th.border_th02 {text-align:left;}
.board_table tr td.board_view_td {text-align:left; padding:20px 20px;}
.board_table_mobile {width:100%; border-top:2px solid #17467e; margin-top:30px; border-bottom:1px solid #17467e;}
.board_table_mobile tr th {	padding:15px 0px; text-align:center; font-family: 'NanumGothicBold'; border-bottom:1px solid #17467e; }
.board_table_mobile tr td {	padding:10px 0px; text-align:center; border-top:1px solid #dddddd; padding:15px 0px;}
.board_table_mobile tr td.border_td02 {	text-align:left;  letter-spacing:0px;}
.board_table_mobile tr th.border_th02 {	text-align:left;}
.board_table_mobile tr td.board_view_td {text-align:left; padding:20px 20px;}
.board_view_img  img {	width:100%;}


	
/*-----------회사소개 푸터-----------------------------------------------------------------------------------------------*/
.admin_footer-wrap {
	width: 100%;
    margin: 0 auto;
    position: absolute;
    background: #191919;
    padding: 30px 0;
}
.admin_footer-content-row2-wrap {
	margin: 0 auto;
    width: 293px;
}
.admin_footer-section5-Plus {margin: 10px;}
.admin_footer-section5-Plus img {width: 50px;}
.admin_footer-content-row1-wrap {
	text-align: center;
    padding: 10px 0 0 0;
    line-height: 27px;}
.admin_footer-content-row1-wrap>li>p{
	font-size: 15px;
    color: #838383;
    font-family: malgun Gothic;
    font-weight: 600;}
.admin_footer-content-row1-wrap>li>p>a {color: #717171;}
.admin_footer-content-row1-wrap>li>p>a:hover {color: #fff;}
.admin_Copyright {font-size: 15px;
    color: #838383;
    font-family: malgun Gothic;
    font-weight: 600;}






@media screen and (max-width:1200px) {
	
/*-----------1200px_해더-----------------------------------------------------------------------------------------------*/
#admin_header{display:none;}


/*-----------1200px_모바일 메뉴-----------------------------------------------------------------------------------------------*/
/* .screen {display:block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;  overflow: hidden; z-index:1;} */
.screen {display:block; position: absolute;  z-index:1;}
.main01_logo1 img{width:25px; margin-top: 16px; position: relative;  float: right;  margin-right: 15px;}
.main01_logo2{  position: relative; left: 44%;}
.main01_logo2 img {width: 150px;   margin-top: 14px;}
.screen nav { position: fixed; top: 0; left: 0;  width: 100%;  height: 60px; background-color: #242424; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.menu-container { position: relative; -webkit-transform: translateX(0); transform: translateX(0); transition: -webkit-transform 0.25s ease-out; transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;}
.view-submenu .menu-container { -webkit-transform: translateX(-100%); transform: translateX(-100%);}
.screen ul { position: absolute;
	top: 60px;
	width: 100%;
	height:auto;
	color: #ededed;
	background-color: #313131d1;
	text-align: center;}
.screen ul li a { opacity: 0; display: block; font-size:18px; font-weight:600; padding: 15px 12px; position: relative; cursor: pointer; text-decoration: none; color: white; border-radius: 3px;
		-webkit-transform: translateY(12px); transform: translateY(12px);  transition: opacity 0.15s 0.1s ease-out, -webkit-transform 0.15s 0.1s ease-out; 
		transition: opacity 0.15s 0.1s ease-out, transform 0.15s 0.1s ease-out;transition: opacity 0.15s 0.1s ease-out, transform 0.15s 0.1s ease-out, -webkit-transform 0.15s 0.1s ease-out;}
.screen ul li.has-children span { position: absolute; top: 0; right: 0; bottom: 0; margin: auto; padding: 12px 16px; text-indent: -9999px;}
.screen ul li.has-children span:after { content: ""; position: absolute; top: 0; right: 12px; bottom: 0; margin: auto; padding: 4px; width: 0px; height: 0px; cursor: pointer; font-size: 0;
		border-bottom: 2px solid #ededed;  border-right: 2px solid #ededed; -webkit-transform: rotate(-45deg);  transform: rotate(-45deg);}
.screen ul li.has-children span:hover:after { border-color: #bababa;}
.menu { opacity: 0; transition: background-color 0.25s ease-out, opacity 0.15s ease-out;}
.menu.is-visible { opacity: 1; top:13px;}
.menu.is-visible li a { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
.view-submenu .menu { background-color: #3e3e3e;}
.view-submenu .menu > li > a { opacity: 0; transition: opacity 0.15s ease-out;}
.submenu { position: absolute; top: 0; left: 100%; background-color: #313131;}
.submenu li { margin-left: 60px;}
.hide-submenu { position: absolute; top: 0; left: 0; width: 60px; height: 508px; cursor: pointer; background-color: #313131; transition: background-color 0.25s ease-out;}
.hide-submenu:before { opacity: 0; content: ""; position: absolute; top: 0; right: 12px; bottom: 0; margin: auto; padding: 4px; width: 6px; height: 6px; cursor: pointer; font-size: 0; 
		border-bottom: 2px solid #ededed; border-right: 2px solid #ededed; -webkit-transform: rotate(135deg); transform: rotate(135deg); left: 0; right: -6px; transition: opacity 0.1s ease-out;}
.view-submenu .hide-submenu { background-color: #3e3e3e;}
.view-submenu .hide-submenu:before { opacity: 1; transition: opacity 0.15s 0.3s ease-out;}
.toggle {height: 0;
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    top: 28px;
    left: 15px;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    float: left;}
.toggle span { position: relative; align-self: center; font-size: 0; width: 26px; height: 2px; background-color: #ededed; border-radius: 100px; transition: background-color 0.2s ease-out;}
.toggle span:before, .toggle span:after { content: ""; position: absolute; width: 100%; height: 100%; background-color: #ededed; border-radius: 100px; transition: -webkit-transform .2s ease-out;
										transition: transform .2s ease-out; transition: transform .2s ease-out, -webkit-transform .2s ease-out;}
.toggle span:before { bottom: calc(100% + 6px);}
.toggle span:after { top: calc(100% + 6px);}
.is-visible .toggle span { background-color: transparent;}
.is-visible .toggle span:before { bottom: auto;  -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.is-visible .toggle span:after {top: auto; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}

	
	
/*1200px_section6(제안서+문의하기)*/
.admin_footer-wrap {width: 100%;    height: 211px;}
.admin_footer-content-wrap{width:100%; height: 85px; margin: 0 auto;}
.admin_footer-content-wrap>ui{float:left;}
.admin_footer-content-row1-wrap{float:left; text-align: center;    margin: 0 auto;
    width: 100%;}
.admin_footer-content-row1-wrap>li>p>a{color:#717171;}
.admin_footer-content-row1-wrap>li>p>a:hover{color:#fff; font-weight:500}
.admin_footer-content-row1-wrap>li>p{font-size:14px;color:#717171; letter-spacing:-0.5px; width:100%; margin:0 auto; line-height:23px; font-family:NanumGothic;}

.admin_footer-section5-Plus {margin: 10px;}
.admin_footer-section5-Plus a {  }
.admin_footer-section5-Plus a img { width:40px;  }


.admin_footer-content-row2-wrap{width:260px; margin: 50px auto 20px auto;}
.admin_footer-content-row2-wrap>li{float:left; margin:20px;}
.admin_footer-content-row2-wrap>li>a>img{width:auto;height:50px;}


.admin_footer-content-row2-wrap{padding:0px 0 20px 0;  margin:0 auto;}
.admin_footer-content-row2-wrap>li{float:left; margin:20px;}
.admin_footer-content-row2-wrap>li>a>img{width:auto; height:50px;}
.admin_Copyright {font-size:12px;	
	color:#717171;
	line-height: 18px;}

	
	
	

	
	
}