#naviWrap ul, #tabWrap ul, #busi_title ul {margin:0; display:none;}
#C01_VisualWrap, .mBcontentDiv , #mainBannerM , C01_VisualWrap .visual_01, #C01_VisualWrap .visual_02, #C01_VisualWrap .visual_03, #C01_VisualWrap .visual_04, .C05_mapWrap .map ul, .C06_footerWrap .logoWrap select, #MenuWrap .mClose, .Qwrap .trdivM, .newsListM ul, .history_present img, .history_present02 img, #busi_title, .chatbot_mobile, .neopang_mobile {display:none;}
body{-webkit-text-size-adjust:none;} /* 2015-08-11 */
@media all and (max-height:150px)
{
	.floating { display:none; }
}

@media all and (max-height:350px) and (min-height:320px)
{
	.floating { display:none; }
}

@media all and (max-width:737px)
{
	body{min-width:320px;}
	#C01_VisualWrap, .mBcontentDiv { display : none; }

	input[type="text"] {width:100%; height:31px;}
	select, input, textarea {font-size:13px}
	.hispace28, .hispace48 {clear:both; height:16px;} /* main 투자정보, 채용정보, 홍보센터, 고객센터 위아래 간격 조정하며 .hispace48 추가 */
	img {max-width:100%; height:auto;}

	#MainLpopup {top:9%; left:0%;}
	#MainLpopup #MLclose a, #MainLpopup #MLclose a:hover {border:1px solid #b8b8b8; margin-left:40%;}
    

/* 2015-09-23 탑 배너 팝업 */
	/* page loading */
/*	#loading {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 9999;} */
	
	/* accessibility */
	#accessibility{position:absolute; left:0; top:0; width:100%; z-index:999;}
	#accessibility li{position:absolute; left:0; top:0; width:100%; z-index:999;}
	#accessibility a{overflow:hidden; display:block; width:1px; height:1px; margin-bottom:-1px; color:#444; font-size:0; text-decoration:none;}
	#accessibility a:active, #accessibility a:focus{width:100%; height:auto; padding:5px 0; background:#eee;  font-size:14px; text-align:center;}
	
	#container{position:relative;}
	
	#header {position: relative; top:0; left:0; z-index:10000; width:100%;margin:0 auto; padding:0; background-color:#2d4174; } /* 09-24 */	
	#header #open-pop {max-width:1264px; height:90px; margin: 0 auto;display:none;} /* width:1264px; */
	#open-pop ul {list-style:none; padding:0; margin:0 auto; margin:0; padding:0; text-align:center;}
	#open-pop ul li { display:inline-block; margin:0; padding:0; text-align:left;}
	#open-pop .img{display: inline-block; margin:0; padding:10px 9px 0 0; max-height:70px;}
	#open-pop .text{display: inline-block; margin:0; padding:0;}
	#open-pop ul li p{margin:0; padding:0; }	
	#open-pop p.head{font-size:22px; color:#ffcc99; margin:0; padding:7px 0 5px 0; line-height:normal; }
	#open-pop p.sub{font-size:16px; font-weight:bold;color:#ccdafe; margin:0; padding:0; }
	#open-pop ul li p a { text-decoration:underline; font-size:12px; font-weight:bold; color:#6a90f3; margin:0; padding:0; }
	#open-pop ul li p a:hover{ text-decoration:underline; font-weight:bold; color:#6a90f3;}

	#open-pop ul li p span.today-none{  list-style:none; font-size:12px; font-weight: bold; color:#5378d7; margin:0; padding:0; }
	#open-pop button { margin: 0; border:0; padding:0; background:none; text-align:right; color:#999; cusor: pointer; -webkit-appearance: none;*overflow: visible; box-sizing:content-box; }
	#open-pop i.close { display:inline-block; width:21px; background: url(../images/pop/icon_close.png) 0 0 no-repeat; vertical-align:bottom;}	
	#open-pop input[type='checkbox'], input[type='radio'] { margin:0; background-color:#7fabe6; border:0; box-sizing:border-box; padding:0;*width:15px; *height:15px; vertical-align:middle;}
	#open-pop button,input { line-height:normal;}
	#open-pop i, em, address { font-style: normal;}

/* @media (min-width:1264px)
.centered-content { width: 1264px;}
@media (min-width:737px)
.centered-content { min-height: 90px; margin: 0 auto;} */
/* 2015-09-23 탑 배너 팝업 끝 */


	/* Navigation bar */
	#naviWrap {width:100%; height:4em; background:#fff; position:relative; z-index:300; margin-top: 40px; border-bottom:1px solid #ccc;} /* 2015-09-29 탑 배너를 위해 내비게이션 바 수정 */
/*	#naviWrap {width:100%; height:3.125em; background:#fff;} */
	#naviWrap ul {display:inline-block; width:94%; padding:1.1em 0 0 1.188em; position:relative;} /* 2015-09-29 탑 배너를 위해 내비게이션 바 수정 */
/*	#naviWrap ul {display:inline-block; width:94%; padding:0.813em 0 0 1.188em;} */
	#naviWrap .menu {display:inline-block; float:left; padding-top:0.15em;}
	#naviWrap .logo {width:90%; display:inline-block; text-align:center;}

	.mark {margin-top:40px !important; background:url(/images/mark_menu1_m.png) center top no-repeat; background-size:160px;}

	/* Menu - 닫힘 */
	#MenuWrap {display:none;}

	/* Menu - 열림 */
	/*
	#MenuWrap {float:left; width:100%; height:100%; position:fixed; left:0; top:0; z-index:99; display:table;background:none;}
	#MenuWrap .MenuBg {background:url("/images/mobile/bg_mobile.png") 0 0 repeat;}
	*/
	#MenuWrap {float:left; width:100%; height:100%; position:fixed; left:0; z-index:500; display:table; background:url("/images/mobile/bg_mobile.png") 0 0 repeat;} /*  top:90px;  z-index:99; 2015-09-30 메뉴 레이어 위치 */
	#MenuWrap .MenuBg {background:none; display:table; height:100%;}
	#MenuWrap .top {display:none;}
	#MenuWrap .logo {display:none;}
	#MenuWrap .mClose {width:67%; padding:0.938em 0em 0.938em 0; display:block; float:left; text-align:right;border-bottom:1px solid #e8e8e8;}
	#MenuWrap .mClose a{margin-right:5%;}
	#MenuWrap ul {margin:0;}
	#MenuWrap .menu {width:67%; background:#f8f8f8; height:100%; min-height:1000px;}
	#MenuWrap .menu li {display:block; font-size:1.000em; line-height:2.500em; text-align:center; border-bottom:solid 1px #e8e8e8; padding:0; margin:0;text-indent:0;}
	#MenuWrap .menu li a {display:inline-block;color:#000;width:100%;}
	#MenuWrap .menu li a:hover {font-weight:bold;color:#f16d1e;}
	#MenuWrap .menu li .selected {font-weight:bold;color:#f16d1e;}
	#MenuWrap .menu li:last-child {border-bottom:none;}
	#MenuWrap .menu .sns {padding:1.500em 0 0 0; display:block; border-bottom:none;}
	#MenuWrap .menu .sns a{display:inline;}
	#MenuWrap .menu .mr {margin-right:15px;}
	#MenuWrap .menu .sub {padding:0.438em 0; margin:0; background:#efefef;}
	#MenuWrap .menu .sub li {font-size:15px; line-height:2.000em; font-weight:normal; padding:0; margin:0; border-bottom:none; text-align:left;background:#efefef;text-indent:0;} /* 2015-08-10 font-size:0.938em */ 
	#MenuWrap .menu .sub li a {color:#000;width:75%;padding-left:25%;}
	#MenuWrap .menu .sub li a:hover {font-weight:bold; color:#f16d1e;}
	#MenuWrap .menu .sub li .selected {font-weight:bold; color:#f16d1e;}
	#MenuWrap .menu .sub .bot {display:none;}
	#MenuWrap .MenuBg .menu img {width:38px;}

#ContentWrap { padding-top:0px !important;} 
	/* Main Visual */
	.ContentWrap {width:100%; padding:0px; background:#fff; } /* padding-left:0px; 2015-09-29 메인 레이아웃 수정 */
	.Visual_01_bg {height:auto; background:none;}
	.Visual_02_bg {height:auto; background:none;}
	.Visual_03_bg {height:auto; background:none;}
	.Visual_04_bg {height:auto; background:none;}

	#C01_VisualWrap div {display:none; height:100%;}
	#C01_VisualWrap {height:100%;}
	#mainBannerM {display:block; overflow:hidden; position:relative; width:100%;}
	.mainBWrap {margin:0; width:400%;}
	.mainBWrap img {width:25%;}

	.visual_01 {z-index:4; position:absolute; width:100%;}
	.visual_02 {z-index:3; position:absolute; width:100%;}
	.visual_03 {z-index:2; position:absolute; width:100%;}
	.visual_04 {z-index:1; position:relative;}
	.visual_area {position:absolute; width:100%;}


	/* ---------- Content ---------- */
	.CWidth {width:100%; padding:0px;}

	#C02_busiWrap {display:none;}

	#tabWrap .busi {width:100%; display:block; margin-bottom:1.250em; background:#231815;}
	#tabWrap .busi a {width:33%; padding:0.438em 0; font-size:1.000em; color:#fff; text-align:center; display:inline-block;}
	#tabWrap .busi a:hover, #tabWrap .busi .selected {background:#c5c1b5;}
	#tabWrap .busi .selected {width:33.3%;}
	#tabWrap .busi .line {border-left:solid 1px #f0efeb; border-right:solid 1px #f0efeb;}

	#busi_title {display:inline-block; overflow:hidden;}
	#busi_title .busi_ul {width:300%; display:inline-block;}
	#busi_title .busi_ul li {width:100%;}
	#busi_title .depart_wrap {width:33.3%; float:left;}
	#busi_title .depart {width:27%; float:left; margin:0.313em 0 0 6%;}
	#busi_title .depart img {height:1.500em; width:auto;}
	#busi_title .departText {font-size:15px; letter-spacing:-1px; color:#231815; line-height:1.250em;} /* 2015-08-10 font-size:0.938em */ 
	#busi_title .busi_img {width:100%; margin:1.375em 0 0.938em 0;}

	/* 한일네트웍스 소식, 전자공고 */
	.C03_newsWrap .news {width:auto; padding:10px 0 4.84375% 6.25%; min-height:160px; border:solid 1px #e5e5e5; border-left:none; border-right:none; background:#fff;}
	.C03_newsWrap .news .tText {font-size:22px;} /* 2015-08-10 font-size:22px */
	.C03_newsWrap .news ul {margin-bottom:15px;}
	.C03_newsWrap .news .photo {display:none;}
	.C03_newsWrap .news .bt_more {float:right; margin:-2px 6.25% 0 0;}
	.C03_newsWrap .news dl{height:auto;}
	.C03_newsWrap .news dt {background:url(/images/bul_dot01.png) left 9px no-repeat; padding-left:9px; display:block; float:left; width:76%;}
	.C03_newsWrap .news dt a {font-size:13px; font-weight:normal; line-height:1.750em; color:#434953;}
	.C03_newsWrap .news dt a:hover, .C03_newsWrap .news dt.text a:hover {color:#1b1e22;}
	.C03_newsWrap .news dt.text a {display:none;}
	.C03_newsWrap .news dt.text {display:none;}
/*	.C03_newsWrap .news dd {font-family:"돋움", sans-serif; font-size:12px; color:#999; line-height:1.750em; float:left; display:block;} */
	.C03_newsWrap .news dd {font-family:"나눔고딕", "돋움", sans-serif; font-size:12px; color:#999; line-height:1.750em; float:left; display:block;} /* 15-08-10 */
	.C03_newsWrap .news .empty {display:none;}
	.C03_newsWrap .news .list dt {background:url(/images/bul_dot01.png) left 9px no-repeat; padding-left:9px; display:block; float:left; margin-bottom:0px; width:76%;}
	.C03_newsWrap .news .list dt a {font-size:13px; font-weight:normal; line-height:1.750em;}
	.C03_newsWrap .news .list dd {line-height:1.750em; display:block; float:left;}
	.C03_newsWrap .mbdno {border-bottom:none;}
	.C03_newsWrap .news img {display:none;}

	/* 투자정보, 채용정보, 홍보센터, 고객센터 */
	.C04_etcWrap {padding-left:0;overflow:hidden;}
	.C04_etcWrap a{width:49%;}
	.C04_etcWrap ul {width:100%; text-align:center; float:left; margin:10px 0;}
	.C04_etcWrap li {display:block;}
	.C04_etcWrap li.title {font-size:0.813em; padding-right:0.625em; margin-bottom:0.500em;}
	.C04_etcWrap li.con {width:100%; height:4.375em;}
	.C04_etcWrap li.c01 {background:url(/images/img_main_invest.png) center bottom no-repeat; background-size:contain;}
	.C04_etcWrap li.c02 {background:url(/images/img_main_incruit.png) center bottom no-repeat; background-size:contain;}
	.C04_etcWrap li.c03 {background:url(/images/img_main_promotion.png) center bottom no-repeat; background-size:contain;}
	.C04_etcWrap li.c04 {background:url(/images/img_main_customer.png) center bottom no-repeat; background-size:contain;}

	/* 지도 */
	.C05_mapWrap {height:18.750em;} /* 300px */
	.C05_mapWrap .mapareaBg {display:none;}
	.C05_mapWrap .maparea {display:none;}

	.C05_mapWrap .map {width:100%; display:block; position:absolute; z-index:1;}
	.C05_mapWrap .map ul {width:100%; display:inline-block; margin:0;}
	.C05_mapWrap .map ul li {width:50%; margin:0;}
	.C05_mapWrap .map a {width:49.5%; padding-top:0.688em; height:1.750em; background:#0f1e46; font-size:13px; color:#fff; text-align:center; display:inline-block;background:url("/images/bg_map.png") 0 0 repeat;}
	.C05_mapWrap .map .selected {font-weight:bold;background:url("/images/bg_map_selected.png") 0 0 repeat; color:#f49315;}
	.C05_mapWrap .map .line {border-right:solid 1px #0f1e46;}
	.C05_mapWrap .map .rline {border-right:none;}
	.C05_mapWrap .map .bline {border-bottom:solid 1px #0f1e46;}

	/* 풋터 */
	.C06_footerWrap {background:#f8f8f6; padding:20px 6.25% 2.3% 6.25%;}
	.C06_footerWrap a { font-size:12px; color:#666; font-weight:bold;}
	.C06_footerWrap a:hover {color:#333;}
	.C06_footerWrap ul {display:none;}
	.C06_footerWrap .footer_left {display:none;} /* float:none; width:100%; height:40px; */
	.C06_footerWrap .logo {background:url(/images/bottom_logo.png) left 5px no-repeat; width:130px;}

	/* floating */
	.floating {position:fixed; left:81%; bottom:0.625em; width:60px; z-index:3;}
	.floating ul {margin:0;}
	.floating li {display:block; height:45px; margin-top:1px; text-align:center; background: rgba(234, 231, 223, 0.8);}
	.floating li .img01 {margin-top:12px;}
	.floating li .img02 {margin-top:15px;}

	/* 문의 */
	.Qwrap {padding:0.938em 0;}
	.Qwrap > h1 {margin:38px 0 26px 25px;}

	.Qwrap .trdiv, .Qwrap_sub .trdiv {width:100%; height:0.625em;}
	.Qwrap .trdiv02, .Qwrap_sub .trdiv02 {width:100%; height:0;}
	.Qwrap .trdivM, .Qwrap_sub .trdivM {width:100%; height:0.625em; clear:both; display:block;}
	.Qwrap .tddivM, .Qwrap_sub .tddivM {float:none;}
	.Qwrap .tddivM02 {float:none; margin:0 6%;}
	.Qwrap_sub .tddivM02 {float:none; margin:0 3%;}
	.Qwrap .thdiv, .Qwrap_sub .thdiv {width:30%; font-size:15px; text-indent:6%; padding-top:0.500em;} /* 2015-08-10 font-size:0.938em */
	.Qwrap_sub .thdiv {text-indent:3%;}
	.Qwrap .thdiv02, .Qwrap_sub .thdiv02 {width:30%; text-indent:6%; text-align:left;}
	.Qwrap_sub .thdiv02 {text-indent:3%;}
	.Qwrap .thdivM, .Qwrap_sub .thdivM {width:100%; font-size:15px; text-indent:6%; padding-top:0.500em; padding-bottom:0.500em;} /* 2015-08-10 font-size:0.938em */
	.Qwrap_sub .thdivM {text-indent:3%;}
	.Qwrap .thdivM02, .Qwrap_sub .thdivM02 {width:100%; font-size:15px; text-indent:6%; padding-top:0.500em; padding-bottom:0.500em;} /* 2015-08-10 font-size:0.938em */
	.Qwrap_sub .thdivM02 {text-indent:3%;}
	.Qwrap select, .Qwrap_sub select {height:2.500em;}
	.Qwrap .w80, .Qwrap_sub .w80 {width:15%;}
	.Qwrap .w200, .Qwrap_sub .w200 {width:42%;}
	.Qwrap .contentText, .Qwrap_sub .contentText {width:87.1%; height:10.625em; margin:0 0 0 6%;}
	.Qwrap_sub .contentText {width:93%; margin:0 0 0 3%;}

	.Qwrap .provision, .Qwrap_sub .provision {width:88%; height:12.500em; margin:0 0 0 6%; padding:0;}
	.Qwrap_sub .provision {width:94%; margin:0 0 0 3%;}

	.Qwrap .chk_agree {font-size:13px} /* 2015-08-10 font-size:0.875em */
	.Qwrap .bt {margin:0.938em 0 1.250em 0;}
	.Qwrap_sub .bt {margin:0.938em 0 0 0;}

	.Qwrap .bt_submit {padding:0.500em 1.563em; font-size:1.000em;}
	.Qwrap .bt_cancel {padding:0.500em 1.563em; font-size:1.000em;}
	.Qwrap_sub .emailM {display:none;}

	.Qwrap .emailM, .emailM2 {margin:0.750em 0 0.375em 0; width:100%;}



/* -------------- SUB -------------- */
	/* 공통 */
.hispace_sub25 {display:none;}
.hispace_sub30 {clear:both; height:1.250em;}
.hispace_sub35 {clear:both; height:1.563em;}
.hispace_sub43 {clear:both; height:2.188em;}
.hispace_sub45 {clear:both; height:1.875em;}
.hispace_sub50, .hispace_sub54 {clear:both; height:1.875em;}
.hispace_sub60 {clear:both; height:2.188em;}
.hispace_sub100 {clear:both; height:2.500em;} /* footer와 본문사이 여백에만 사용 */


.contentSub {padding:0 3%;}

.routeWrap {padding:0.375em 0 0 0; background:#f8f8f8;}
.routeWrap .route {padding-bottom:0.250em; width:90%; margin:0 auto; border-bottom:none;}
.routeWrap .route a {font-size:0.813em;}
.routeWrap .route .selected {font-size:0.813em; font-weight:normal;}
.routeWrap .route .vm01 {margin:0 0.438em 0.063em 0.438em;}
.routeWrap .route .vm02 {margin:0 0 0.125em 0.250em; width:20px;}
.routeWrap.main{display:none;}


h1 {font-size:26px; margin:38px 0 15px 17px;}
	.h1_copy {display:none;}
h2 {font-size:17px; font-weight:normail; padding-top:3px; margin-bottom:10px;} /* dsc사업 부분때문에 width:85% 추가했다가 주식정보때문에 삭제 */
    #Security h2 {margin-top:60px;}
.h2space_top {clear:both; height:1.750em;}
.h2space_bot, .h2space_bot02 {clear:both; height:0.500em;}
.h_mr {margin:1.125em 0 -0.063em 5%;}


@media screen and (-webkit-min-device-pixel-ratio:0) {
    .tab_style01 {overflow:hidden;}
    .tab_style01 a li.case2{border-top:1px solid #48a8e5;}}
    .tab_style01 li {width:33.3%; float:left;}
    .tab_style01 li a {height:27px; padding-top:6px; font-size:12px; background:#f8f8f8; border:solid 1px #48a8e5; border-right:none;}
    .tab_style01 li:last-child a {border-right:solid 1px #48a8e5;}
    .tab_style01 .selted a {height:28px; font-weight:bold; background:#008ce4; color:#fff; border:solid 1px #008ce4; border-bottom:none;}

    #Security .tab_style01 li {width:49%; float:left;}
    #Security .tab_style01 li a {height:27px; padding-top:6px; font-size:12px; background:#f8f8f8; border:solid 1px #48a8e5;}
    #Security .tab_style01 li:last-child a {border-right:solid 1px #48a8e5;padding-top:2px; padding-bottom: 2px; line-height:12px}
    #Security .tab_style01 .selted a {height:28px; font-weight:bold; background:#008ce4; color:#fff; border:solid 1px #008ce4; border-bottom:none;}
    
    /* 아쿠아시큐리티 추가 탭 style */
    .tab_style01 li.security{height:20px;}
    .tab_style01 li.security a{padding-top:2px; padding-bottom: 2px; line-height:12px}       


    
    
    
    
    
    .tab_family li {width:50%; margin-top:0;}
    .tab_family li a, .tab_family li a:hover {background:#008ce4; color:#fff; border:solid 1px #007dcb; border-bottom:none; border-right:0;}
    .tab_ci li {width:50%; margin-top:0;}
    .tab_ci li:nth-child(2) a {border-right:solid 1px #48a8e5; border-bottom:none;}
    .tab_ci li:nth-child(1) a {border-bottom:none;}
    .tab_ci li:last-child.selted a {border-right:solid 1px #48a8e5;}
    .tab_width_3 li {width:32%;}

    /* 보안 추가 탭 style */
    .tab_secu li {width:50%;}
    .tab_secu li a {height:27px; padding-top:27px; font-size:12px; border:solid 1px #48a8e5; border-bottom:none;}
    .tab_secu .selted a {font-weight:bold; color:#fff;}
    .tab_secu li:last-child {width:100%;}
    .tab_secu li:last-child a {border-bottom:solid 1px #48a8e5;}
    .tab_secu li.fortinet a {background:#f8f8f8 url(/images/sub/secu_tab01.png) center 5px no-repeat; background-size:120px 28px;}
    .tab_secu li.fortinet.selted a {background:#008ce4 url(/images/sub/secu_tab01.png) center 5px no-repeat;}
    .tab_secu li.secuwiz a {background:#f8f8f8 url(/images/sub/secu_tab02.png) center 5px no-repeat; background-size:120px 28px;}
    .tab_secu li.secuwiz.selted a {background:#008ce4 url(/images/sub/secu_tab02.png) center 5px no-repeat;}


/* ul style */
.ul_style1 > li {background:url(/images/sub/ico02.png) 0px 9px no-repeat;}

/* 버튼 */
.fr.m-style {clear:both; width:100%;}
.fr.m-style > .bt_pdf {width:100%; height:36px; background:#f8f8f8 url(../images/sub/bt_pdf.png) 30% 10px no-repeat; padding-top:4px; font-size:14px; margin-top:15px;}


	/* 한일네트웍스 소식 */
.input_srh {width:97% !important; height:30px !important; font-size:13px; text-indent:36px;}
.bt_srh01 {width:20px; height:20px; top:10px; left:6%; background-size:cover;}

.newsList {width:100%;}
.newsList ul {height:3.375em; font-size:0.813em; letter-spacing:0; clear:both;}  /* font-size:0.813em; letter-spacing:0;  추가,  height:2.875em; 변경   150319  */
.newsList li {padding-left:2%;}
.newsList li a {font-size:1.063em;} /* - font-size:1.000em; 150319 변경 - */
.newsList .selected a {color:#737373;}
.newsList .read a {font-weight:bold;}
.newsList .num {display:none;}
.newsList .date {font-family:"돋움", sans-serif; width:22%; color:#999;} /* font-family:"돋움", sans-serif;  추가,  font-size:13px 삭제  150319  */
.newsList img { max-width: 100%;} /* display:none; 2015-10-01 */
.newsList .listRead {width:auto; padding:1.250em 0 1.875em 0;}
.newsList .listRead .txt {width:90%; font-size:13px; line-height:1.750em;}
.newsList .listRead .inImg {width:88%; height:17.875em; margin-bottom:18px;}
.newsList .listRead table { border:0px; }
.newsList .listRead td { border:0px; text-align:left; }

.mt01 {margin-top:1.375em;}
.bt_link {padding:0.250em 0 0 1.813em; font-size:12px;}
.bt_data_more {padding-top:11px; font-size:14px; font-weight:bold;}
.bt_data_more img {padding-left:5%;}


	/* 나눔과 섬김 소식 */
.newsList02 .listNews .month {width:20%; padding:1.250em 0 0 0; height:9.375em;}
.newsList02 .listNews .month .eng {margin:0.625em 0 0 0.375em;}
.newsList02 .listNews .month .m_size {width:1.688em;}
.newsList02 .listNews .month .m_size_dot {width:0.500em;}
.newsList02 .listNews .text {width:73.5%; padding:1.500em 0 0 1.375em; font-size:13px; line-height:1.500em;}
.newsList02 .listNews .tit {font-size:16px; padding-bottom:0.750em;} /* 2015-08-17 font-size:22px; */
.newsList02 .listNews .img {border-top:none; width:50%; height:50%; padding:0; margin:0.625em 0 1.500em 1.250em; float:left;}
.newsList02 .listRead {padding:1.250em 0 1.875em 0;}
.newsList02 .listRead .tit {font-size:18px; font-weight:bold; padding-bottom:0;} /* 2015-08-17 font-size:22px; */
.newsList02 .listRead .txt {width:90%; font-size:13px; line-height:1.625em;}
.newsList02 .listRead .inImg {margin:0.938em 0;}
.newsList02 .listRead .inImg .img01 {width:90%; height:90%; margin-bottom:0.500em;}


	/* 공통테이블 --- 및 --- 주식정보 - 주요 주주현황 */
table {font-size:13px}
table th {background:#f2f8f8 url(../images/sub/table_bg_line.png) right bottom no-repeat; height:2.500em; font-weight:bold;}
table th:last-child {background:#f2f8f8;}
table td {height:3.000em;}  /* height:2.375em;  -0406수정 */
table .bgno {background:#f2f8f8;}
table .t_align_l {padding-left:2%; width:60%;}
table .t_align_r {padding-right:2%;}
table .tbold {font-weight:bold;}

.t_detail_th {width:100%; height:1.750em; font-size:13px; font-weight:bold; padding-top:0.750em;}
.t_detail_td {height:auto; padding:0.938em 0; font-size:13px; font-weight:bold;}
.t_detail_td input {float:none; margin:1.000em 0 0 0; font-weight:normal;}
.t_detail_listView {padding:2.188em 0 2.188em 0;}

.table_style01 {width:50%; font-size:13px}
.table_style01 dt, .table_style01_w dt, .table_style05 dt {height:1.750em; padding-top:0.750em; font-weight:bold; background:#f2f8f8 url(../images/sub/table_bg_line.png) right bottom no-repeat;}
.table_style01 .bgno {background:#f2f8f8;}
.table_style01 dd, .table_style01_w dd {height:1.688em; padding-top:0.688em; border-bottom:none;}
.table_style01_w {width:100%; font-size:13px}
.table_style01_w dd {border-bottom:solid 1px #d0e4e4;}

.table_style02 {font-size:13px}
.table_style02 th {height:2.188em; background:#f2f8f8; font-weight:bold;}
.table_style02 td {height:2.375em; padding-right:0.938em;}
.table_style02 .totit {font-weight:normal;}
.table_style02 .blind, table .blind {display:none;}
.table_style02 .t_align_l {text-indent:15px;}
.table_style02 .mbdrno {border-right:none;}
.table_style02 .num {width:12%;}

.tb {font-weight:bold;}
.mprno .t_align_l {text-indent:0;}
.mprno td {padding-right:0;}


.ts03_w {width:100%; float:none;}
.table_style03 {font-size:15px;} /* 2015-08-10 font-size:0.938em */ 
.table_style03 th {height:2.438em; font-weight:bold;}
.table_style03 td {height:4.375em; font-size:1.000em;}

.ts04_w {width:100%; float:none;}
.table_style04 {font-size:13px}
.table_style04 th {height:2.188em; text-indent:0.625em;}
.table_style04 td {height:2.188em; padding-right:0.500em;}

.table_style05 {width:100%;}

.tit_com {font-size:1.000em;}
.stock {margin:1.000em 0 1.250em 0; font-size:15px;} /* 2015-08-10 font-size:0.938em */ 
/* .stock .stock01 {display:block;} */
.stock .space {padding:0 1.250em 0 0;}



/* 주식정보 - 경영정보 */
.junggwan > img {display:none;}


.manageList ul {display:none;}
.newsListM {width:100%;}
.newsListM ul {height:auto; clear:both; display:block; padding:1.250em 0; font-size:13px; color:#3d3d3d; border-bottom:none;}
.newsListM li {padding-left:2%; display:inline-block;}
.newsListM .date {width:22%; font-size:13px; color:#999; float:right;}
.newsListM img {display:none;}
.newsListM .btArea {width:96.5%;}
.bt_introduce {padding:0.125em 0 0 1.500em; font-size:12px;}
.bt_print {display:none;}
.bt_site {width:100%; height:34px; background:#f8f8f8 url(../images/sub/bt_bul_site.png) 30% 9px no-repeat; padding:0; font-size:14px; margin-top:10px;}
.bt_pdf {width:100%; height:34px; background:#fff url(../images/sub/bt_pdf.png) 10px 6px no-repeat; padding:0 11px 1px 35px; font-size:14px; margin-bottom:10px;}
.bt_network_ailgn > .bt_pdf {margin-bottom:0px;}
.bt_view {width:100%; height:2.500em; background:#f8f8f8 url(../images/sub/bt_bul_view.png) 40% 0.500em no-repeat; padding:0.063em 0 0 2.000em; font-size:15px;} /* 2015-08-10 font-size:0.938em */ 
.bt_question {width:100%; height:2.500em; background:#f8f8f8 url(../images/sub/bt_bul_question.png) 30% 0.500em no-repeat; padding:0.063em 0 0 2.000em; font-size:15px;} /* 2015-08-10 font-size:0.938em */ 
.bt_down {width:100%; height:2.500em; background:#f8f8f8 url(../images/sub/bt_bul_down.png) 30% 0.500em no-repeat; padding:0.063em 0 0 2.000em; font-size:15px; text-align:center;}

.bt_down02 {width:100%; height:2.500em; background:#f3f3f3 url(../images/sub/bt_bul_down.png) 25% 0.500em no-repeat; padding:0.063em 0 0 2.000em; font-size:15px; text-align:center;} /* 2015-10-26 */ 

.stno {display:none;}



/* 개인정보취급방침 */
.provisionWrap {font-size:13px; line-height:1.750em;}
.provisionWrap .pro_title01 {font-size:1.250em; font-weight:bold; padding-bottom:0.938em;}
.provisionWrap .pro_title03 {padding:0.188em 0; text-indent:0.875em;}
.provisionWrap .pt01 {padding-top:0.500em;}
.provisionWrap .con_text {padding-left:0.813em;}


/* 전체메뉴 */
.stm {margin-right:0.313em; width:48%;}
.stm a {font-size:13px; line-height:2.375em;}
.stm dt {width:10%; height:2.750em;}
.stm a dt {font-size:22px; font-weight:bold;}
.stm dd {text-indent:15%;}
.stm ul {margin:0 0 1.125em 0; text-indent:26%;}
.stm ul a {font-size:0.813em; line-height:1.875em;}
.stm .space {margin-top:0.625em;}
.stm_h01 {padding-bottom:1.250em;}


/* 한일네트웍스 */
.pointText02 {font-size:22px; font-weight:bold; line-height:1.375em;}
.ptext {font-size:16px; font-weight:bold; line-height:1.375em;}
.pdb14 {padding-bottom:0.875em;}
.pdb19 {padding-bottom:0.875em;}
.pdb24 {padding-bottom:1.000em;}
.subText02 {font-size:15px; line-height:1.750em;} /* 2015-08-10 font-size:0.938em */ 
.company_box_wrap .company_box2 {width:50%; box-sizing:border-box;}
.company_box_wrap > div:first-child {border-right:0px; }    
.company_box_wrap > div:last-child {padding-bottom:20px; width:100%; box-sizing:border-box; height:max-content; }
.company_box {width:50%; height:auto; min-height:100px; padding:10px 0px; box-sizing:border-box}
.company_box.styl2 {width:100%;}
.company_tree img {margin-right:0;}

    
/* 기업비전 */

.company_vision01 {margin-top:1em;}
.company_vision01 img {width:85%;}
    
.company_vision02 {padding:1.250em 0 0 0;}
.company_vision02 .business_designer01 {padding-left:0px;}
.company_vision02 .business_designer01 div {width:50%; box-sizing:border-box; min-height:240px;}    
.company_vision02 .hr01 {border:1px solid #e3e3e3; }
.company_vision02 .hr02 {border-top:1px solid #e3e3e3; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; }
.company_vision02 .hr03 {border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; }
.company_vision02 .hr04 {border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3; }    
.company_vision02 img {margin-bottom:1.188em; width:50%;}
.company_vision02 .business_designer01 span {width:90%; text-align:center; font-size:14px; line-height:1.500em;}
.company_vision02 .business_designer01 span img {width:auto;}
.company_vision02 .business_designer02 {width:100%; background:none; margin-bottom:0px; margin-top:10px;   }
.company_vision02 .business_designer02 img {width:auto; display:block; margin:0 auto; float:none; padding-bottom:0px;  }

    
    
/* 연혁 */
.history_present {width:100%; height:auto; background:none; margin-top:0.313em;}
.history_present dl, .history_present02 dl {width:90%;}
.history_present dt, .history_present02 dt {font-size:1.000em; line-height:1.875em; width:15%; padding-right:1.250em; display:inline-block;}
.history_present dt span, .history_present02 dt span {font-weight:bold;}
.history_present dd, .history_present02 dd {width:auto; font-size:13px; line-height:1.875em; display:inline-block; word-break:break-all;}
.h2013, .h2014, .h2015, .h2016, .h2017, .h2018, .h2020, .h2022  {padding:0;}
.h2016, .h2015, .h2014, .h2013, .h2012, .h2011, .h2010, .h2008, .h1990 {width:100%; margin:1.250em 0 0 0;}
.h2022 dl, h2020 dl, .h2018 dl,.h2017 dl, .h2016 dl, .h2015 dl, .h2014 dl, .h2013 dl, .h2012 dl, .h2011 dl, .h2010 dl {display:inline-block; padding-left:2.500em;}
.h2013 dd, .h2012 dd, .h2011 dd, .h2010 dd {width:75%;}
.h2009 dl, .h2008 dl {display:inline-block; padding-left:1.875em;}
.h2000 dl, .h1990 dl {display:inline-block; padding-left:1.250em;}

.history_present img, .history_present02 img {display:block;}

.history_present02 {width:100%; height:auto; background:none; margin-top:0.313em;}
.h2009 {padding:0;}
.h2000 {width:100%; margin:1.250em 0 0 0; position:relative;}
.h2009 dt, .h2008 dt {width:15%;}
.h2009 dd, .h2008 dd {width:75%;}
.h2000 dt, .h1990 dt {width:4.438em;}
.h2000 dd, .h1990 dd {width:100%;}


/* 사업장안내 */
.location {width:100%; margin:0.125em 0 1.563em 0;}
.location .one {width:49.6%; height:1.875em; padding-top:0.625em; border-radius:0; -webkit-border-radius:0; font-size:15px; margin-right:0; border-bottom:solid 1px #707070; border-right:solid 1px #707070;} /* 2015-08-10 font-size:0.938em */ 
.location .one:hover {border-bottom:solid 1px #6c9bcb; border-right:solid 1px #6c9bcb;}
.location .selected {border-bottom:solid 1px #d57d0a; border-right:solid 1px #d57d0a;}
.loc_address {width:100%;font-size:13px; line-height:1.500em;}
.loc_address .loc_name {width:100%; padding:1.250em 0 0 0; text-align:center; font-size:1.250em; font-weight:bold;}
.loc_address .loc_bar {display:none;}
.loc_address .loc_add {width:auto; display:inline-block; padding:1.250em 0.938em 1.563em 1.563em;}
.loc_address .loc_add .kor_txt{color:#333;}
.loc_address .loc_add span {padding-top:0.438em;}
.loc_address .loc_add span img {margin:0 0.625em;}
.loc_map {width:100%; height:21.875em;}
.m_none {display:none;}


/* 계열사 */
.family_img {float:none;}
.family_outlineWrap {float:none; height:auto; padding:13px 0 0 0;}
.family_outline {width:100%; font-size:13px; margin:0 0 0.625em 0;}
.family_outline dt {background:url(/images/bul_dot01.png) left 10px no-repeat; padding:4px 0 0 10px; width:100%; font-weight:bold;}
.family_outline dd {line-height:1.500em;}
.family_text, .family_text02 {font-size:13px; line-height:1.500em; padding:1.875em 0 2.813em 0;}
.family_text02 {padding:1.875em 0 0 0;}
.loc_site {position:static;}


/* 주요실적 */
.reseltList ul, .reseltListM ul {min-height:auto; font-size:13px; line-height:1.500em;}
.reseltList .img {width:3.750em; display:block; float:left; padding:1.875em 0.625em 0 0;}
.reseltList .txt {width:80%; padding:1.563em 0; display:block; float:left;}
.reseltList .txt span {font-weight:bold; padding-bottom:0.375em;}
.reseltList .btArea {width:100%; display:inline-block; margin-bottom:2.188em;}
.reseltList .listView {width:100%; padding:2.188em 0 2.188em 0;}


/* 사업영역 */
.dsc_img01 {float:none; margin-bottom:0.625em; margin-left:0;}
.dsc_img02 {float:none; padding-left:0;}
.dsc_work_th {width:25%; padding-top:8.5%; margin-left:0; background:url(/images/sub/dsc_bg01.png) center 0.313em no-repeat; background-size:contain; font-size:15px; font-weight:bold; margin-top:0.625em;} /* 2015-08-10 font-size:0.938em */ 
.dsc_work_td {width:65%; padding:0 0 0 1.250em; font-size:13px; line-height:1.500em; margin-top:0.625em;}
.dsc_asp {margin-top:1.875em;}
.line_gray {padding-bottom:1.875em;}

.dscList .list {height:7.500em; font-size:13px; border-bottom:none;}
.dscList .cel {padding-top:0.813em; display:inline-block;}
.dscList .cel01 {width:40%;}
.dscList .cel02 {width:60%;}
.dscList .cel03 {width:100%;}
.dscList .cel04 {width:100%; padding-top:0.875em;}
.dscList .name {text-indent:0;}

.dsc_lawnbook {width:100%; height:18.750em; background:url(/images/mobile/dsc_bg02.png) center top no-repeat; background-size:contain; display:table;}
.dsc_lawnbook .lawnbook {width:85%;}
.dsc_lawnbook .txt {width:auto; height:9.375em; padding-top:0; padding-bottom:0; font-size:13px; line-height:1.500em; display:table;}
.dsc_lawnbook .txt01 {width:50%; padding-top:14%;}
.dsc_lawnbook .txt02 {width:50%; padding-top:14%;}
.dsc_lawnbook .txt03 {width:50%; padding-top:14%;}
.dsc_lawnbook .txt04 {width:50%; padding-top:14%;}
.dsc_lawnbook .txt span {font-weight:bold;}


.sm_img01 {float:none; margin-bottom:0.625em; margin-left:0;}
.sm_img02 {float:none; padding-left:0;}
.sm_tit {font-size:1.000em; font-weight:bold; padding-bottom:0.625em;}
.sm_tree_line {display:none;}
.sm_tree .tree {width:80%; height:2.250em; padding-top:1.125em; font-size:13px}
.sm_tree .tree02 {margin:0.625em 0;}


.ss_solutionWrap {padding-left:0;}
.ss_solution, .ss_solution02, .ss_solution03 {width:100%; height:8.750em; float:none; margin-bottom:0.625em;}
.ss_solution .tit, .ss_solution02 .tit {font-size:1.000em; font-weight:bold; margin:0.875em 1.875em 0.750em 1.875em; padding-bottom:0.750em;}
.ss_solution .txt {font-size:13px; line-height:1.625em; margin:0 1.875em;}
.ss_solution li, .ss_solution02 li, .ss_solution03 li {background:url(/images/bul_dot01.png) left 0.625em no-repeat; padding:0 0 0 0.625em; font-size:13px; line-height:1.625em; margin:0 1.875em 0 10%;}
.smr {margin-right:0;}
.ss_img01 {padding-bottom:0.625em;}
.ss_img01 .pr, .ss_img02 .pr {padding-right:0;}
.ss_img01 img, .ss_img02 img {width:50%;}

.solution_cont {background:#f8f8f8; padding:35px 20px; }
.solution_cont .allinone ul {width:100%; overflow: hidden;}
.solution_cont .allinone ul>li {width:98%; box-sizing: border-box; min-height:165px;margin: 10px 9px;background:#fff;float:left;border:1px solid #b7d2d9;}
.solution_cont .allinone ul>li span{display:block;margin-top: 16px; letter-spacing: -0.5px; text-align:center;font-weight:bold;font-size:15px;}
.solution_cont .allinone ul li ul {margin: 10px 15px;overflow:hidden;}
.solution_cont .allinone ul li ul li {font-size:13px; min-height:initial; border:0px; background:none; 
	width:90%; margin:0px; clear:both; letter-spacing:-0.5px ; color:#4f4f4f; text-align:left; line-height:23px; }

.asp_info01 {float:none; margin:0 auto;}
.asp_info {float:left; width:100%; margin-top:10px; margin-right:0px; 
	background:#fffbfb; padding:20px 20px 10px 20px;}
.asp_info span.title {display:block; text-align:center; font-size:16px; font-weight:bold; margin-bottom:20px;}
.asp_info p {margin-bottom:30px; font-size:14px; color:#333; line-height:26px; text-align: center; }


.ss_solution02 .inImg01, .ss_solution02 .inImg02, .ss_solution02 .inImg03, .ss_solution02 .inImg04 {width:30%; margin-top:2.000em;}
.ss_solution02 .inImg01 img, .ss_solution02 .inImg02 img, .ss_solution02 .inImg03 img, .ss_solution02 .inImg04 img {width:60%;}
.ss_solution02 .tit {width:65%; margin:0.875em 0.875em 0.750em 0;}
.ss_solution02 li {margin:0;}

.ss_solution03 {height:11.250em;}
.ss_solution03 .tit {margin:0.750em 6% 0.750em 6%; padding-bottom:0.625em;}
.ss_solution03 .tit img {width:50%;}
.ss_solution03 li {margin:0 4%;}
.ss_solution03 span {font-weight:bold;}


/* 채용정보 */
.hr {padding:0.625em 0 0 0;}
.hr .hr01, .hr .hr02, .hr .hr03 {width:100%;}  /* width:33%; */
.hr img {margin-bottom:1.188em; width:30%; float:left; margin-right:1.188em;}  /* width:80%; */ /* float:left; margin-right:1.188em; 추가 */
.hr span {width:100%; font-size:13px; line-height:1.500em; text-align:left;}  /* width:85%; */ /* text-align:left; 추가 */

.hr_step {padding:0.750em 0 0 0;}
.hr_step .step01, .hr_step .step02, .hr_step .step03, .hr_step .step04 {width:45%; padding:0; font-size:1.000em; line-height:1.250em; font-weight:bold;}
.hr_step .step01, .hr_step .step03 {margin-right:5%;}
.hr_step .step01, .hr_step .step02 {margin-bottom:0.750em;}
.hr_step img {margin-bottom:0.625em; width:100%;}  /* width:75%; */
.hr_step span {font-size:13px}
.hr_step .arrow {display:none;}


/* CI */
.ci_symbol > img {width:50%; float:none; margin-right:0; margin-bottom:19px; margin-left:25%;}
.ci_align {width:100%; text-align:left;}
.ci_align > img:first-child {float:none; margin-right:0; margin-bottom:0.625em;}
.ci_align ul.logo {width:100%;}
.ci_align ul.logo li {width:100%; margin-right:0px;}
    .ci_align ul.logo li span {float:left; width:100%;}
.ci_color_rule {width:90%; float:none; text-align:center;}
.ci_color_rule.st2 {width:90%; margin-left:0; margin-top:11px;}
.ci_color_rule p {text-align:left;}
.ci_prohi_regul {float:none; margin-right:0; margin-bottom:0.813em;}
.ci_prohi_regul .stit {font-size:13px; line-height:1.750em; background:url(/images/bul_dot01.png) left 0.750em no-repeat; padding:0 0 0.500em 0.625em;}
.ci_mr05 {margin-right:0; margin-bottom:0.625em; margin-top:0.625em;}
.useCi01 {float:none; width:100%;}
.useCi02 {float:none;}
ul.color {margin-top:20px;}    
ul.color > li {margin-left:0px; margin-right:40px; margin-bottom:20px;}
    ul.color .title {float:left; margin:0px;}



/* 넘버링 */
.numberList > input.first, .numberList > input.last {display:none;}
.numberList > input.next {border-right:solid 1px #dadada;}


/* 150717 css  추가*/
/* 공통 */
.route li.case{display:none;}
.pub_trans{}
.pub_trans.loc2{height:154px;} /* 2016-12-23 추가 */
.pub_trans .subway{background:url("../images/sub/bg_mobile_line2.png") 100% 14px no-repeat;padding-top:12px;height:36px;line-height:34px;
 margin-top:0;margin-bottom:20px;width:auto;float:none;font-size:14px;}
.pub_trans .subway .line{background:url("../images/sub/mobile_line2.png") 0 0 no-repeat;width:95px;height:58px;}
.pub_trans .subway.case{background:url("../images/sub/bg_mobile_line1.png") 100% 14px no-repeat;}
.pub_trans .subway.case .line{background:url("../images/sub/mobile_line1.png") 0 0 no-repeat;}
.pub_trans .bus{margin-top:0;float:none;margin-left:56px;}
.pub_trans .bus_box{overflow:hidden;}
.pub_trans .bus_box .bus{float:left;}
.pub_trans .bus_box .bus.case{margin-left:10px;}
.pub_trans.case2{height:280px;}
.pub_trans.case2 .sub_box{float:none;width:auto;}
.pub_trans.case2 .sub_box .subway{margin-top:20px;}
.pub_trans.case2 .sub_box .subway:first-child{margin-top:0;}
.pub_trans.case2 .bus_box{float:none;width:auto;}
.pub_trans.case2 .bus_box .bus{margin-top:0;margin-left:57px;}
.pub_trans.case2 .bus_box .bus:first-child{margin-top:0;}

.btn_plus{margin:25px 0 0;display:block;text-align:center;}
.btn_plus a{display:inline-block;width:100%;height:38px;border:1px solid #cecece;background:#f4f4f4;}
.btn_plus a span{display:inline-block;padding-left:40px;background:url("../images/plus.png") 18px 11px no-repeat;font-size:15px;line-height:38px;color:#333;}

/*
.pub_trans ul{float:none;margin:0;width:auto;}
.pub_trans ul li{display:block;margin:10px 5% 0 8%;}
.pub_trans ul li.case{margin-left:5%;}
.pub_trans ul li.case img{width:270px;}
.pub_trans ul li.case2{display:inline-block;width:30%;}
.naver{width:150px;}
*/

.contentSub .inquiry{display:none;}


/* 컨택센터, IDC */
.boxtype1{padding:3% 2%;border:1px solid #f0efeb;margin:30px 0 0;overflow:hidden;}
.boxtype1 dt{float:left;width:20%;padding:0 0 0 48px;line-height:100px;background:url("../images/sub/ico_asp01.png") 0 30px no-repeat;font-size:16px;color:#333;font-weight:bold;}
.boxtype1 dd{float:left;width:65%;padding:5px 0 0 3%;font-size:14px;background:url("../images/sub/bg_boxtype1.png") 0 15px no-repeat;border-left:0;line-height:1.5em;}
.boxtype1 dd:first-child{margin:0;}
.boxtype1 dd span{color:#e04b16;font-weight:bold;line-height:1.5em;}

.boxtype1.case{padding:2%;}
.boxtype1.case dt{float:none;width:auto;text-align:center;background-position: 34% 0px;line-height:40px;}
.boxtype1.case dd{float:none;width:auto;text-align:center;margin:10px 0 0;}
.boxtype1.case.case2 dt{width:auto;}

.boxtype2{padding:20px 10px 20px 10px;}
.boxtype2 dt{ width:2% 5% 2%;}
.boxtype2 dt img{}
.boxtype2 dd{margin:10px 0 0 20px; width:100%;}
.boxtype2 dd ul li{margin-top:5px; font-size:15px; padding:0px 10px;}
.img_wrap dt{margin-bottom:0;}
.img_wrap dd ul{margin-top:10px;}
.img_wrap dd ul li{float:left; width:50%; margin:0px 0px 10px 0px; box-sizing:border-box; }
.img_wrap dd ul li:first-child {border-right:0px; }
.img_wrap dd ul li img{width:auto;height:auto;}




.out_cont{padding:20px 0;}
.out_cont li p{margin-bottom:0;}
.out_cont li dt{font-size:17px;color:#333;text-align:center;}
.out_cont li{display:block;float:left;width:45%;text-align:center;margin-left:7%;}
.out_cont li.case{margin-left:5px;}
.out_cont li.case2{margin-top:10px;}

.out_cont.case{width:93.7%;margin:20px auto;padding:0;border:0;}
.out_cont.case li{width:99%; height:310px;} /* idc 수정하며 수정 width:auto; */
.out_cont.case li:last-child{margin-left:0;}
.out_cont.case li img{width:auto;}

.telebus{position:relative;margin:20px;margin-left:0;margin-right:0;}
.telebus p{}
.telebus p img{width:139px;}
.telebus .telebus_cont{padding-top:75px;}
.telebus .telebus_cont ul{border:1px solid #f1f0ec;background:#f8f8f8;padding:75px 2% 45px 2%;overflow:hidden;}
.telebus .telebus_cont ul li{float:left;margin-left:1%;width:46%;padding:0 1.5%;height:140px;border:1px solid #b7d2d9;text-align:center;letter-spacing:-1px;}
.telebus .telebus_cont ul li.t_cont1, .telebus .telebus_cont ul li.t_cont3, .telebus .telebus_cont ul li.t_cont5, .telebus .telebus_cont ul li.t_cont7{margin-left:0;}
.telebus .telebus_cont ul li.t_cont3, .telebus .telebus_cont ul li.t_cont4{margin-top:5px;}
.telebus .telebus_cont ul li.t_cont1, .telebus .telebus_cont ul li.t_cont8{background:#c5dadf;}
.telebus .telebus_cont ul li.t_cont2, .telebus .telebus_cont ul li.t_cont7{background:#d9ecf0;}
.telebus .telebus_cont ul li.t_cont3, .telebus .telebus_cont ul li.t_cont6{background:#e8f2f4;}
.telebus .telebus_cont ul li.t_cont4, .telebus .telebus_cont ul li.t_cont5{background:#fff;}

.boxtyle3_tit{width:90%;margin:0 auto;}
.boxtyle3_tit img{width:100%;}
.boxtype3{}
.boxtype3 h4{width:60px;margin:0 auto;}
.boxtype3 h4 img{}
.boxtype3 p{margin:0;text-align:center;}
.boxtype3 ul{margin:30px 50px 0 50px;}
.boxtype3 ul li{float:none;width:100%;}
.boxtype3 ul li dd{width:auto;}
.boxtype3 ul li dd.case1 .type{left:47%;}
.boxtype3 ul li dd.case2 .type{left:47%;}
.boxtype3 ul li dd.case3 .type{left:47%;}

/* ERP */
.erp_cont{}
.erp_cont p{float:none;margin-bottom:0;}
.erp_cont ul{float:none;margin-top:0;}
.erp_cont ul li{padding:20px;}
.erp_cont ul li dd{width:auto;}

/* 유통 */
.distribution_cont{width:100%;}
.distribution_cont li{width:48%;} /* 2016-12-23 삭제 margin:0;    수정 width:49%; */
/* .distribution_cont li.case3{margin-right:1%;}  2016-12-23 삭제 */ /* margin-right:2%; 2016-01-06 수정 */ 
.distribution_cont li:last-child {margin-right:5px;} /* 2016-12-23 추가 */

.distribution_logo li{float:none;width:auto;height:auto;padding:20px;margin:0;margin-top:5px;}
.distribution_logo li:first-child{margin-top:0;}
.distribution_logo li dt{}
.distribution_logo li dd{text-align:center;width:auto;}

	 /* 2015-10-24 add */
.distribution_logo02 li{float:none;width:auto;height:auto;padding:20px;margin:0;margin-top:5px;}
.distribution_logo02 li:first-child{margin-top:0;}
.distribution_logo02 li dt{}
.distribution_logo02 li dd{text-align:center;width:auto;} 
	 /* 2015-10-24 add end */

	/* 사업영역 > 유통 > 백업 추가 */
.backup_tab .tab {border:1px solid #d3dde6; height:68px; padding-left:19px; font-size:18px;}
.backup_tab .tab > img {height:68px;}
.backup_tab .tab > span {padding-top:24px;}
.backup_tab .tab02 {border-top:none;}
.backup_tab .tab03 {border-top:none;}
.backup_tab dt {display:none;}
.backup_tab dd dl.con dt {display:block; font-size:16px;}
.backup_tab dd dl.con {padding:38px 2% 0 4%;}
.backup_tab dd dl.con:first-child {padding:32px 2% 0 4%;}
.backup_tab dd dl.con dd {margin-left:0;}
.backup_tab dd .feature01 dl.con {padding:0 0 0 27px; display:block; vertical-align:top;}
.backup_tab .imgbox {margin:10px 4% 6px 4%;}
.backup_tab .mbtab {display:block;}
.backup_tab dd dl.con ul {margin:0 0 0 10px;}
.backup_table {display:none; width:91.5%; margin:15px 2% 40px 4%;}
.backup_table th:last-child {width:80%;}
.backup_table.m_block {display:block;}
.m_none, .backup_table02 {display:block;}
.backup_table02 th:last-child {width:25%;}
.backup_table02 th {width:25%;}

 
/* 보안 */
.security_cont1{width:100%;margin:0 auto;}
.security_cont1:after{content:"";display:block;clear:both;}
.security_cont1 li{width:48%;margin-left:1.5%;}
.security_cont1 li.case{margin-left:0;}
.security_cont1 li.case2{margin-top:5px;}
.security_cont1 li img{width:52%;height:auto;}

.security_cont2{}
.security_cont2 li{float:none;width:100%;margin:0;}
.security_cont2 li:first-child{margin-bottom:9px;}
.security_cont2 li div{height:auto;}
.security_cont2 li div dt{width:auto;}
.security_cont2 li div dd{width:auto;}
.security_cont2 li div dd{}

.security_cont4{overflow:hidden;margin:0;}
.security_cont4 li{margin-left:0px; margin-bottom:10px; width:100%; }
.security_cont4 li.case{margin-left:0px; }
.security_cont4 li>div {border:1px solid #e4e4e4; width:100%; padding:15px; box-sizing:border-box; min-height:120px;}

.security_cont5 {border-bottom:0px;}
.security_cont5 .top_box ul{width:100%;}
.security_cont5 .top_box ul li {float:left; width:inherit; border-left:none; }
.security_cont5 .top_box ul li.cont {border-left:0px;}
.security_cont5 .bottom_box ul{border-top:none; width:100%;}
.security_cont5 .bottom_box ul li{float:left; width:50%; border-left:1px solid #e4e4e4; box-sizing: border-box; }
.security_cont5 .bottom_box ul li.cont{border-left:0px;}
.security_cont5 div ul dl dd {width:100%; padding:30px 0px; height:40px; min-height:60px; border-bottom:1px solid #e4e4e4;}
.security_cont5 div ul dl dd img{display:block; margin:0 auto; vertical-align: middle;}
.security_cont5 div ul dl dt { border-bottom:1px solid #e4e4e4; }   
  

.security_cont6 li{display:block; float:left; margin-left:9px; margin-bottom:9px; width:inherit;   }
.security_cont6 li.case{margin-left:0px; }
.security_cont6 li>div {border:1px solid #e4e4e4; width:100%; padding:15px; box-sizing:border-box; min-height:160px;}
.security_cont6.ht180 li>div {min-height:180px;}
.security_cont6 li.box_sty01>div{background:#f7fafe; }
.security_cont6 li.box_sty02>div{background:#fff; }
.security_cont6 li dl {position:relative;}
.security_cont6 li dl dt {font-size:19px; color:#0a4875; font-weight:bold; margin-left:45px; }
.security_cont6 li dl dt img { position:absolute; left:0px; top:0px; vertical-align: middle; margin-right:15px;}
.security_cont6 li dl dt.two_line {letter-spacing:-0.4px;}
.security_cont6 li dl dd {padding-left:40px; font-size:13px; color:#3d3d3d; font-weight:300; line-height:22px; margin-top:15px;}
.security_cont6 li dl dd ul {width:100%}
.security_cont6 li dl dd ul li {width:100%; float:left; padding-left:6px; margin-left:0px; background:url('../images/sub/dot_list_li.png') 0px 10px no-repeat; margin-bottom:0px; }
    
/*2022.09.08 아쿠아시큐리티 추가*/ 
.security_cont7{overflow:hidden;margin:0;}
.security_cont7 li{margin-left:0px; margin-bottom:10px; width:100%; }
.security_cont7 li.case{margin-left:0px; }
.security_cont7 li>div {border:1px solid #e4e4e4; width:100%; padding:15px; box-sizing:border-box; min-height:120px;}   
.security_cont7 .build {background-color:#f2f2f2; width: 500px; height: 310px; margin-top: 20px}
.security_cont7 .build .img_con7 {padding: 30px 0px 20px 120px;}
.security_cont7 ul {width:500px;}
.security_cont7 ul li.txt01 {width:400px; padding:10px 15px 0px 10px;}
.security_cont7 ul li.txt02 {width:400px; padding:10px 15px 10px 10px;}
.security_cont7 .infra {background-color:#fff; width: 500px; height: 290px; margin-top: 20px}
.security_cont7 .infra .img_con7 {padding: 20px 0px 20px 120px;}
.security_cont7 .work {background-color:#f2f2f2; width: 500px; height: 340px; margin-top: 20px}
.security_cont7 .work .img_con7 {padding: 30px 0px 20px 120px;}
        
    
     

    
    
     
.product_info {margin-top:20px;}
.product_info ul {margin-top:10px;}
.product_info ul li{margin-right:0px; float:left; display:block; min-height:15px; margin-bottom:8px; clear:both;}
.product_info ul li span{ background:#676767; margin-right:9px; border-radius:13px; padding:3px 10px; color:#fff; font-size:12px; letter-spacing:-0.2px; }
.product_info ul li.hp_link {float:left;}
.product_info ul li.hp_link span{background:#495e9d; }
.product_info ul li.hp_link a {text-decoration: underline;}
 

/* 사업소개 > 네트워크 > ruckus */
    .cabled_differentiation ul li {margin-left:0px;}    
    .wireless_differentiation ul li {width:50%;}
    .rkus_box .group {border-bottom:0px; border-left:1px solid #d0e4e4;}
    .rkus_box .group dl {width:50%;}
    .rkus_box .group dl.wd100 {width:100%;}
    .rkus_box .group dl.wd100 dd img {display:block; margin:0 auto;}
    .rkus_box .group dl dd {min-height:150px; }
    .rkus_box .group dl dd.h180 {padding:23px 0px 24px 0px; }
    .rkus_box .group dl dd img {display:block; margin:0 auto;}
    .rkus_box .group dl dt {font-size:13px; border-bottom:1px solid #d0e4e4; }
    .rkus_box .group dl:last-child dd {border-right:1px solid #d0e4e4; }
    .rkus_box .group dl:last-child dt {border-right:1px solid #d0e4e4; }
    .rkus_box .group2 dl {width:auto;}    
    
    .wireless_differentiation ul li {width:47%; margin-right:10px; }
    .wireless_differentiation ul li.mgr_0 {width:50%; margin-right:0px; }
    .wireless_differentiation ul li dd {display:block; min-height:150px;}
    .rkus_box .group2 dd img {display:block; margin:0 auto;}
    .rkus_box .group2 dt {font-size:13px; min-height: 160px; padding:25px 20px;}
    .rkus_box .group2 dt span {margin-bottom:15px; }
    .wireless_differentiation .rkus_box .wd100 {width:100%} 
    .wireless_differentiation .rkus_box .wd100 dt {min-height:100px;} 
    .cont_ruckus .icx7000_box .aac2 {width:100%; margin-right:0px; box-sizing:border-box; margin-top:10px;}
    .cont_ruckus .icx7000_box .aac2 dd img {width:70%; display:block; margin:0 auto;}
    .cont_ruckus .icx7000_box .group.group3 {width:100%;}
    .cont_ruckus .icx7000_box .aac3 {width:100%; box-sizing:border-box; margin-top:10px;}
    .cont_ruckus .icx7000_box .group3 {width:100%;}
    .cont_ruckus .icx7000_box .group3 dd {background:#fff; min-height:inherit; }
    .cont_ruckus .icx7000_box .group3 dd img {display:block; margin:0 auto;}
    .cont_ruckus .icx7000_box .group3 dd ul {margin:0px; padding:20px 24px; background:#fafafa; min-height:inherit;}
/* 통합 법률 솔루션 */
.law_cont1:after{content:"";display:block;clear:both;}
.law_cont1 li{float:left;position:relative;width:49%;height:250px;border:1px solid #e4e4e4;padding:25px 0 0;font-size:15px;color:#333;margin-left:1%;line-height:1.5em;word-break:keep-all;/* 크롬은 반영 x*/}
.law_cont1 li img{height:auto;}
.law_cont1 li:first-child{margin-left:0;}
.law_cont1 li.case2{margin-left:0;}
.law_cont1 li.case3{margin-top:5px;}
.law_cont1 li span{padding:0 10%;}
.law_cont1 li p{width:100%;}

.law_cont2 li{float:none;width:auto;height:auto;padding:25px 15px 25px 60px;margin-left:0;margin-top:5px;}
.law_cont2 li:first-child{margin-top:0;}
.law_cont2 li .num{top:30%;left:15px;}

.btn_law{text-align:center;}
.btn_law a{width:100%;text-align:center;}

/* 채용정보 */
.hr_welfare{}
.hr_welfare li{float:none;margin-left:0;margin-top:5px;}
.hr_welfare li:first-child{margin:0;}
.hr_welfare li div{width:auto;}
.hr_welfare li div dt{text-align:center;}
.hr_welfare li div dd{text-align:center;background:none;}

/* 메인 */
.main_cont{padding:20px 3%;overflow:hidden;}
.main_cont .tText.case{margin-top:0;}
.main_cont ul li{margin-top:20px;margin-left:0;}
.main_cont ul li.case1, .main_cont ul li.case2{margin-top:8px;}
.main_cont ul li.case4,.main_cont li.case5,.main_cont li.case6{margin-top:20px;}
.main_cont ul li.case2,.main_cont li.case4,.main_cont li.case6{margin-left:5%;}
.main_cont ul li{width:47.5%;}
.main_cont ul li dd{font-size:13pxline-height:1.2em;color:#434953;}
.C03_newsWrap .news.case{background:#f8f7f5;}

.main_map{}
.main_map .map_title{padding:0;}
.main_map .map_title .map_txt{display:none;}
.main_map .map_title .map_btn{width:100%;margin:0;}
.main_map .map_title .map_btn br{display:none;}
.main_map .map_title .map_btn li{width:32.5%;border-bottom:1px solid #0f1e46;border-left:1px solid #0f1e46;height:38px;margin-left:0;} /* width:49.5%; 2015-09-29 버튼 갯수 축소 */
.main_map .map_title .map_btn li a{background:url("../images/bg_mobile_off.png") 0 0 repeat;font-size:16px;}
.main_map .map_title .map_btn li.on a{background:url("../images/bg_mobile_on.png") 0 0 repeat;color:#f49315;}
.main_map .map_img{height:auto;margin-bottom:0;margin-top:-20px;}
.main_map .map_img li{position:static;}
.map_plus{display:block;margin-bottom:0;width:96%;margin:0 auto;}
.map_plus li{margin:20px 0 0;text-align:center;display:none;}
.map_plus li.on{display:block;}
.map_plus li a{display:inline-block;width:100%;height:38px;border:1px solid #cecece;background:#f4f4f4;text-align:center;}
.map_plus li a span{display:inline-block;padding-left:40px;background:url("../images/plus.png") 18px 11px no-repeat;font-size:15px;line-height:38px;color:#333;}
.main_map .btn_naver{}
.main_map .btn_naver li{}
.btn_naver{display:block;margin-bottom:0;width:96%;margin:0 auto;}
.btn_naver li{margin:15px 0 0;text-align:center;display:none;}
.btn_naver li.on{display:block;}
.btn_naver li a{display:inline-block;width:100%;height:38px;border:1px solid #cecece;background:#f4f4f4;text-align:center;}
.btn_naver li a span{display:inline-block;padding-left:40px;background:url("../images/sub/bg_naver.png") 18px 11px no-repeat;font-size:15px;line-height:38px;color:#333;}

#backupinfo01, #backupinfo02, #backupinfo03 {padding-bottom:50px;}
.network_img {margin:25px 0 15px 0; text-align:center;}
.network_img > img {width:30%; margin:0 5px 10px 5px;}
.network_img.mrg {margin:25px 0 15px 0;}
.bt_network_ailgn {margin:28px 18px 20px 0;}

.chatbot_mobile, .neopang_mobile {display:block;}
.chatbot_pc, .neopang_pc {display:none;}
.bt_delighting {width:99.5%; padding:7px 0 7px 0; background:#fff url("../images/sub/bg_delighting.png") 30% 8px no-repeat; text-indent:10%; text-align:center;}
.bt_neopang {width:99.5%; padding:7px 0 7px 0; background:#fff url("../images/sub/bg_neopang.png") 30% 7px no-repeat; text-indent:10%; text-align:center;}
.bt_naver{width:100%; padding:7px 0 7px 0; background:#fff url("../images/sub/bg_naver.png") 30% 11px no-repeat; text-indent:10%; text-align:center;}

.area_right_top {margin-top:20px;}

/* business 페이지 추가 170630 */
.business_box {padding:38px 2% 0 2%; width:44.5%;}

.quest_text {text-indent:3%;}
}


@media all and (max-width:570px){
	.boxtype1.case dt{float:none;width:auto;text-align:center;background-position: 32% 0px;line-height:40px;}
	.telebus .telebus_cont{padding-top:65px;}
	.boxtype2 dt{margin:2% 5% 2%;}
	.out_cont.case li{height:270px;}
	.telebus p{margin-bottom:-130px;}
	.pub_trans{margin:0;}
	#open-pop .img{display: inline-block; margin:0; padding:10px 9px 0 0; max-height:auto;}
	#open-pop p.head{font-size:1.15em; color:#ffcc99; margin:0; padding:7px 0 5px 0; line-height:normal; }
	#open-pop p.sub{font-size:0.85em; font-weight:bold;color:#ccdafe; margin:0; padding:0; }
	#open-pop ul li p a { text-decoration:underline; font-size:0.65em; font-weight:bold; color:#6a90f3; margin:0; padding:0; }
	#open-pop ul li p a:hover{ text-decoration:underline; font-weight:bold; color:#6a90f3;}
	#open-pop ul li p span.today-none{  list-style:none; font-size:0.65em; font-weight: bold; color:#5378d7; margin:0; padding:0; }

.network_img > img {width:30%; margin:0 2px 4px 2px;}
.network_img > img:last-child {margin:0 2px 4px 2px;}
.bt_network_ailgn {margin:28px 14px 20px 0;}
.bt_network_ailgn > .bt_pdf {width:92%; margin:0 4%;}
.bt_network_ailgn.fr {float:none;}

.bt_delighting {background:#fff url("../images/sub/bg_delighting.png") 15% 8px no-repeat;}
.bt_neopang {background:#fff url("../images/sub/bg_neopang.png") 15% 7px no-repeat;}
.bt_naver{background:#fff url("../images/sub/bg_naver.png") 15% 11px no-repeat;}


/* business 페이지 추가 170630 */
.business_box {width:94.5%;}
}


@media all and (max-width:545px){
.ci_color_rule.st2 > img:first-child {margin-right:0;}
}

@media all and (max-width:490px){
	.boxtype1 dt{float:none;width:auto;padding:0 0 0 48px;line-height:40px;background:url("../images/sub/ico_asp01.png") 38% 0px no-repeat;font-size:16px;color:#333;font-weight:bold;text-align:center;}
	.boxtype1 dd{float:none;width:auto;font-size:14px;text-align:center;border-left:none;padding-left:15px;padding-right:15px;}
	.boxtype1 dd:first-child{margin:10px;}
	.boxtype1 dd span{color:#e04b16;font-weight:bold;line-height:1.5em;}

	.boxtype1.case dt{float:none;width:auto;text-align:center;background-position: 27% 0px;line-height:40px;}

	.boxtype2 dt{float:none;width:auto;text-align:center;}
	.boxtype2 dd{float:none;width:auto;margin:0;}

	.law_cont1 li{height:220px;}

	.telebus .telebus_cont{padding-top:60px;}
	.telebus .telebus_cont ul li{width:45.5%;}
	.boxtype3 ul li dd.case1 .type{left:45%;}
	.boxtype3 ul li dd.case2 .type{left:45%;}
	.boxtype3 ul li dd.case3 .type{left:45%;}
	.security_cont1 li img{width:60%;}
	.company_vision02 div span{margin-top:5%;}
	.img_type1.size img{width:90%;}
	
	#open-pop .img{display: inline-block; margin:0; padding:10px 9px 0 0; max-height:auto;}
	#open-pop p.head{font-size:1.15em; color:#ffcc99; margin:0; padding:7px 0 5px 0; line-height:normal; }
	#open-pop p.sub{font-size:0.85em; font-weight:bold;color:#ccdafe; margin:0; padding:0; }
	#open-pop ul li p a { text-decoration:underline; font-size:0.65em; font-weight:bold; color:#6a90f3; margin:0; padding:0; }
	#open-pop ul li p a:hover{ text-decoration:underline; font-weight:bold; color:#6a90f3;}
	#open-pop ul li p span.today-none{  list-style:none; font-size:0.65em; font-weight: bold; color:#5378d7; margin:0; padding:0; }
}

@media all and (max-width:440px){
	.law_cont1 li{width:47%;}
	.telebus .telebus_cont{padding-top:50px;}
	.out_cont.case li{height:250px;}
	.pub_trans .subway{padding-left:70px;margin-right:0;}
	.pub_trans .subway .line{left:-29px;}
	.pub_trans .bus{margin-left:39px;}
	.pub_trans.case2 .bus_box .bus{margin-left:39px;}
	.backup_tab .tab > img {display:none;}
}
@media all and (max-width:400px){
	.pub_trans.case{height:217px;}
	.pub_trans .bus_box .bus{float:none;}
	.pub_trans .bus_box .bus.case{margin-left:39px;}
	.pub_trans.case2{height:300px;}
	.pub_trans.case2 .bus_box .bus{margin-left:39px;}
	.pub_trans.case2 .bus_box .bus:last-child{padding-bottom:30px;}
	.pub_trans .subway{font-size:13px;}
}
@media all and (max-width:390px){
	.boxtype1 dt{float:none;width:auto;padding:0 0 0 48px;line-height:40px;background:url("../images/sub/ico_asp01.png") 34% 0px no-repeat;font-size:16px;color:#333;font-weight:bold;text-align:center;}
	.boxtype1.case dt{float:none;width:auto;text-align:center;background-position: 22% 0px;line-height:40px;}

	.law_cont1 li{height:200px;}
	.telebus .telebus_cont{padding-top:50px;}
	.out_cont.case li{height:240px;}
	.security_cont1 li{height:158px;}
	.security_cont1 li img{width:60%;}

	#open-pop .img{display: inline-block; margin:0; padding:11px 9px 0 0; max-height:auto;}
	#open-pop p.head{font-size:1.10em; color:#ffcc99; margin:0; padding:7px 0 5px 0; line-height:normal; }
	#open-pop p.sub{font-size:0.80em; font-weight:bold;color:#ccdafe; margin:0; padding:0; }
	#open-pop ul li p a { text-decoration:underline; font-size:0.65em; font-weight:bold; color:#6a90f3; margin:0; padding:0; }
	#open-pop ul li p a:hover{ text-decoration:underline; font-weight:bold; color:#6a90f3;}
	#open-pop ul li p span.today-none{  list-style:none; font-size:0.65em; font-weight: bold; color:#5378d7; margin:0; padding:0; }
}
@media all and (max-width:355px){
	.pub_trans.loc1 .subway{font-size:11px;}



}
@media all and (max-width:340px){
.telebus .telebus_cont{padding-top:30px;}
.telebus p{margin-bottom:-110px;}

	#open-pop .img{display: inline-block; margin:0; padding:10px 9px 0 0; max-height:auto;}
	#open-pop p.head{font-size:0.9em; color:#ffcc99; margin:0; padding:10px 0 5px 0; line-height:normal; }
	#open-pop p.sub{font-size:0.7em; font-weight:bold;color:#ccdafe; margin:0; padding:0; }
	#open-pop ul li p a { text-decoration:underline; font-size:0.65em; font-weight:bold; color:#6a90f3; margin:0; padding:0; }
	#open-pop ul li p a:hover{ text-decoration:underline; font-weight:bold; color:#6a90f3;}
	#open-pop ul li p span.today-none{  list-style:none; font-size:0.65em; font-weight: bold; color:#5378d7; margin:0; padding:0; }

}

/* 프로모션 페이지 추가 180126 */
.promotion_box_wrap {}

@media all and (max-width:545px){
.ci_color_rule.st2 > img:first-child {margin-right:0;}
}

@media all and (max-width:620px){

.promotion_box_wrap {}
.promotion_box_wrap h2 {background:none; }
.promotion_box_wrap h3 {color:#353535; font-size:22px; text-align:center;}
.promotion_box_wrap .h3_ex{font-size:14px; color:#3a3a3a; text-align: center; margin-bottom:35px; letter-spacing:-1px; margin-top:20px; }
.img_box {text-align:center; margin:40px 0px;}
.rbox_title{width:300px; height:55px; padding-top:8px; margin:0 auto; text-align:center; background:url("../images/mobile/m_bg_h3_r_title.png") no-repeat; clear:both;}
.promotion_top {padding:15px 25px; overflow:hidden; margin-bottom:50px;}
.promotion_top .logo_group {margin-bottom:25px; padding-bottom:15px;}
.promotion_top .logo_group ul li.logo01 {float:left;}
.promotion_top .logo_group ul li.logo01 img{width:80px;margin-top:5px;}    
.promotion_top .logo_group ul li.logo02 {float:right;}
.promotion_top .logo_group ul li.logo02 img{width:120px;} 
.promotion_top .promotion_top_title {width:100%; clear:both;}
.promotion_top .promotion_top_title p{float:left; text-align:center; width:100%; font-size:39px; color:#00153f; line-height:53px;  }
.promotion_top .promotion_top_title span {font-weight:bold; font-size:40px;}
.promotion_top .promotion_top_title img {display:block; margin:0 auto; padding-top: 20px; float:none;}
.promotion_top .ransomware {width:100%; clear:both; color:#353535; padding-top:40px;}
.promotion_top .ransomware div{float:left; font-size:22px; font-weight:600; padding-top:10px; background:url("../images/sub/title_line01.png") 0px 0px no-repeat; }
.promotion_top .ransomware p{float:left; width:100%; font-size:16px; margin-top:15px; line-height:24px;}

.promotion_table {margin-bottom:60px; }
.promotion_table .table_style03 {width:96%; }
.promotion_table p {font-size:15px; text-align:center;}
.promotion_table .pkg_ex {text-align:left; font-size:14px; padding-top:5px;}
.promotion_table span.bg_ex {display:block; font-size:14px; float:right; clear:both; color:#fff; background:#5f5f5f; border-radius:10px; padding:2px 5px; margin-bottom:7px; }
.promotion_table table th{border-top:5px solid #757575; background:#fff; color:#3a3a3a; font-size:15px; font-weight:bold;}
.promotion_table table td{text-align:center; padding:10px 2px 10px 2px}
.promotion_table table td.pkg {width:60%; padding-right:5px;}
.promotion_table table td.pkg span{font-size:15px; color:#3a3a3a; font-weight:normal;}
.promotion_table table td.pkg p {color:#3a3a3a; font-weight:bold;}
.promotion_table table td.pkg div {float:left;}
.promotion_table table td.pkg .package01{width:100%; padding:0px 5px; }
.promotion_table table td.pkg .package01 img{padding:16px 0px;}
.promotion_table table td.pkg .package01 p{color:#3a3a3a;}
.promotion_table table td.pkg .package01 span{font-size:15px; color:#3a3a3a;}
.promotion_table table td.pkg .package01 p span{font-size:14px; color:#686868; font-weight:normal;}
.promotion_table table td.pkg .icon_plus{width:100%;}
.promotion_table table td.pkg .icon_plus img{margin:20px 0px;}
.promotion_table table td.pkg .package02{width:100%; padding:0px 5px; }
.promotion_table table td.pkg .package02 img {padding:5px 0px;}
.promotion_table table td.price{width:20vw; font-size:15px; color:#303e73; }
.promotion_table table td.p_price{width:20vw; font-size:15px; color:#e01c38;}
.promotion_table table td.d_percent{width:10vw; font-size:16px; color:#e01c38;}
.p_group_title {font-size:26px; color:#2c3f82; text-align:center; line-height:40px; margin-bottom:40px; height:auto; letter-spacing:-0.5px; text-align:center;}
.p_group_title span {font-weight:bold; font-size:32px;display:block; text-align:center;}


.dot_line {width:100%; border-top:1px dashed #cccccc; margin-bottom:40px;}

.backup_img_table {margin-bottom:40px; }
.backup_img_table div {margin:0 auto; font-size:20px; color:#004a98; font-weight:bold; padding-bottom:20px; text-align:center;}
.backup_img_table ul {text-align:center; width:100%; height: auto; overflow: hidden; color:#fff; margin:0 auto; }
.backup_img_table ul li {width:30%; color:#ffffff; font-size:17px; float:left; padding:20px 10px 20px 0px; background:url("../images/sub/icon_backup_arrow.png") right center no-repeat; }
.backup_img_table ul li.nimg {background:none; }
.backup_img_table ul.process_img01 {margin-bottom:50px; background:#727d81; background-image:none; border:1px solid #cccccc;  }
.backup_img_table ul.process_img01 li {width:30%; float:left; padding-right:10px; }
.backup_img_table ul.process_img02 {background:#639243; background-image:none; }
.backup_img_table ul.process_img02 li {width:95%; text-align:center;}
.backup_img_table ul.process_img02 li:first-child{width:100%; background:url("../images/sub/icon_backup_arrow2.png") bottom center no-repeat; }
.backup_img_table ul.process_img02 li span {color:#fbf816;}
.backup_ex {font-size:15px; color:#888888; text-align:center; margin-top:20px; display:block;}
  
.promotion_line_3box {width:100%; border:1px solid #e8e8e8; clear:both; margin-bottom:40px; overflow:hidden;}
.promotion_line_3box dl {width:100%; float:left; border-top:5px solid #757575; text-align:center; border-left:none; }
.promotion_line_3box dl dt {font-weight:bold; margin-bottom:30px; font-size:22px; color:#242424; padding:25px 20px 15px 20px; background:url("../images/sub/dt_b_line.png") center bottom no-repeat; }
.promotion_line_3box dl dd { font-size:14px; color:#707070; text-align:left; padding:0px 20px px 20px; line-height:25px; overflow: hidden;}
.promotion_line_3box dl dd ul li {clear:both; float:left;}
}

@media all and (max-width:490px){

.promotion_box_wrap {}
.promotion_box_wrap h2 {background:none; }
.promotion_box_wrap h3 {color:#353535; font-size:22px; text-align:center;}
.promotion_box_wrap .h3_ex{font-size:14px; color:#3a3a3a; text-align: center; margin-bottom:35px; letter-spacing:-1px; margin-top:20px; }
.img_box {text-align:center; margin:40px 0px;}
.rbox_title{width:300px; height:55px; padding-top:8px; margin:0 auto; text-align:center; background:url("../images/mobile/m_bg_h3_r_title.png") no-repeat; clear:both;}
.promotion_top {padding:15px 25px; overflow:hidden; margin-bottom:50px;}
.promotion_top .logo_group {margin-bottom:25px; padding-bottom:15px;}
.promotion_top .logo_group ul li.logo01 {float:left;}
.promotion_top .logo_group ul li.logo01 img{width:80px;margin-top:5px;}    
.promotion_top .logo_group ul li.logo02 {float:right;}
.promotion_top .logo_group ul li.logo02 img{width:120px;} 
.promotion_top .promotion_top_title {width:100%; clear:both;}
.promotion_top .promotion_top_title p{float:left; text-align:center; width:100%; font-size:39px; color:#00153f; line-height:53px;  }
.promotion_top .promotion_top_title span {font-weight:bold; font-size:40px;}
.promotion_top .promotion_top_title img {float:left; margin-top: 20px;}
.promotion_top .ransomware {width:100%; clear:both; color:#353535; padding-top:40px;}
.promotion_top .ransomware div{float:left; font-size:22px; font-weight:600; padding-top:10px; background:url("../images/sub/title_line01.png") 0px 0px no-repeat; }
.promotion_top .ransomware p{float:left; width:100%; font-size:16px; margin-top:15px; line-height:24px;}

.promotion_table {margin-bottom:60px; }
.promotion_table .table_style03 {width:98%; }
.promotion_table p {font-size:15px; text-align:center;}
.promotion_table .pkg_ex {text-align:left; font-size:14px; padding-top:5px;}
.promotion_table span.bg_ex {display:block; font-size:14px; float:right; clear:both; color:#fff; background:#5f5f5f; border-radius:10px; padding:2px 5px; margin-bottom:7px; }
.promotion_table table th{border-top:5px solid #757575; background:#fff; color:#3a3a3a; font-size:15px; font-weight:bold;}
.promotion_table table td{text-align:center; padding:10px 2px 10px 2px}
.promotion_table table td.pkg {width:60%; padding-right:5px;}
.promotion_table table td.pkg span{font-size:15px; color:#3a3a3a; font-weight:normal;}
.promotion_table table td.pkg p {color:#3a3a3a; font-weight:bold;}
.promotion_table table td.pkg div {float:left;}
.promotion_table table td.pkg .package01{width:100%; padding:0px 5px; }
.promotion_table table td.pkg .package01 img{padding:16px 0px;}
.promotion_table table td.pkg .package01 p{color:#3a3a3a;}
.promotion_table table td.pkg .package01 span{font-size:15px; color:#3a3a3a;}
.promotion_table table td.pkg .package01 p span{font-size:14px; color:#686868; font-weight:normal;}
.promotion_table table td.pkg .icon_plus{width:100%;}
.promotion_table table td.pkg .icon_plus img{margin:20px 0px;}
.promotion_table table td.pkg .package02{width:100%; padding:0px 5px; }
.promotion_table table td.pkg .package02 img {padding:5px 0px;}
.promotion_table table td.price{width:20vw; font-size:15px; color:#303e73; }
.promotion_table table td.p_price{width:20vw; font-size:15px; color:#e01c38;}
.promotion_table table td.d_percent{width:10vw; font-size:16px; color:#e01c38;}
.p_group_title {font-size:26px; color:#2c3f82; text-align:center; line-height:40px; margin-bottom:40px; height:auto; letter-spacing:-0.5px; text-align:center;}
.p_group_title span {font-weight:bold; font-size:32px;display:block; text-align:center;}


.dot_line {width:100%; border-top:1px dashed #cccccc; margin-bottom:40px;}

.backup_img_table {margin-bottom:40px; }
.backup_img_table div {margin:0 auto; font-size:20px; color:#004a98; font-weight:bold; padding-bottom:20px; text-align:center;}
.backup_img_table ul {text-align:center; width:100%; height: auto; overflow: hidden; color:#fff; margin:0 auto; }
.backup_img_table ul li {width:30%; color:#ffffff; font-size:17px; float:left; padding:20px 10px 20px 0px; background:url("../images/sub/icon_backup_arrow.png") right center no-repeat; }
.backup_img_table ul li.nimg {background:none; }
.backup_img_table ul.process_img01 {margin-bottom:50px; background:#727d81; background-image:none; border:1px solid #cccccc;  }
.backup_img_table ul.process_img01 li {width:30%; float:left; padding-right:10px; }
.backup_img_table ul.process_img02 {background:#639243; background-image:none; }
.backup_img_table ul.process_img02 li {width:95%; text-align:center;}
.backup_img_table ul.process_img02 li:first-child{width:100%; background:url("../images/sub/icon_backup_arrow2.png") bottom center no-repeat; }
.backup_img_table ul.process_img02 li span {color:#fbf816;}
.backup_ex {font-size:15px; color:#888888; text-align:center; margin-top:20px; display:block;}
  
.promotion_line_3box {width:100%; border:1px solid #e8e8e8; clear:both; margin-bottom:40px; overflow:hidden;}
.promotion_line_3box dl {width:100%; float:left; border-top:5px solid #757575; text-align:center; border-left:none; }
.promotion_line_3box dl dt {font-weight:bold; margin-bottom:30px; font-size:22px; color:#242424; padding:25px 20px 15px 20px; background:url("../images/sub/dt_b_line.png") center bottom no-repeat; }
.promotion_line_3box dl dd { font-size:14px; color:#707070; text-align:left; padding:0px 20px px 20px; line-height:25px; overflow: hidden;}
.promotion_line_3box dl dd ul li {clear:both; float:left;}
}