#container { max-width:1240px; min-height:460px; margin:0 auto; *zoom:1; }
.ContentbgGrey #container {max-width:100%; background-color:#f2f2f2;}
#container:after { content:""; display:block; clear:both; }

.subTopimg { position: relative;   width:100%; height:425px; text-align:center;}
.subTopimg img { width: 100%; height: 100%; max-width:100%; }
.subTopimg .subTopText { position: absolute; top: 45%; width: 100%; overflow:hidden; color: #fff; font-weight: bold;}
.subTopimg .subTopText span.big { display: block; width: 100%; max-width:1220px; padding-left: 20px; margin: 0 auto; text-align: left; font-size: 45px; }
.subTopimg .subTopText span.small { display: block; width: 100%; max-width:1220px; padding-left: 20px; margin: 10px auto; text-align: left; font-size: 25px; }
@media screen and (max-width:1100px){
    .subTopimg { display: none;}
}

#lnb { float:left; width:200px; border-bottom:1px solid #dcdcdc; margin-top:20px; margin-bottom:60px;}
#lnb > ul { display:none; width:200px;}
#lnb > ul.select { display:block; }
#lnb > ul > h2 { height:100px; line-height:105px; color:#000; font-size:22px; text-align:center; font-weight:bold; }
#lnb > ul > li > a { 
	display:block; height:59px; line-height:59px; color:#000; font-size:18px; text-indent:18px; 
	-webkit-transition: all 0.3s ease;
    -khtml-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#lnb > ul > li ul {clear:both; width:100%;}
#lnb > ul > li ul li { line-height:40px; font-size:14px; padding-left:20px; }
#lnb a.select,
#lnb > ul > li ul li a:hover {color:#2570eb; }
#lnb > ul > li ul li.select a{color:#2570eb; }
#lnb > ul > li > a{ background-color:#2570eb; color:#fff !important; }
#lnb > ul > li ul li .submenu li a {font-size:13px;}
#lnb .subcategory {}
#lnb .subcategory li { line-height:50px; font-size:14px; background-color:#f9f9f9;}
#lnb .subcategory li:first-child{border-top:0;}

#container #contents { float:right; width:980px; padding:0 0 40px;}
#container #contents.wide { float:none; clear:both; width:100%; padding:0 0 60px; margin:0 auto; overflow:hidden;}
.ContentbgGrey #container #contents {width:100%; max-width:1240px;}

#container #contents .path { clear:both; width:100%; padding:30px 0; height:35px; line-height:35px; overflow:hidden;}
#container #contents .path ol { float:right; overflow:hidden; margin-top:10px; margin-right: 10px; background:url("/images/common/ico_path.png") no-repeat 25px 50%;}
#container #contents .path li { float:left; padding:0 0 0 12px; margin:0 0 0 12px; color:#000; font-size:13px; background:url("/images/common/route_next.gif") no-repeat 0 50%; }
#container #contents .path li:first-child { padding:0 0 0 25px; background:none;}
#container #contents .path li a { color:#000; font-size:15px; }

#container #contents .titleArea { clear:both; width:100%; text-align: center;}
#container #contents .titleArea h2 { color:#000; font-size:42px; }
#container #contents .titleArea h2.ss_tit {font-size:32px;}
#container #contents .titleArea h2.s_tit { padding-top: 20px; font-size:22px; font-weight:normal;}
#container #contents .titleArea h3 { margin-top: 10px; color:#555; font-size:19px; font-weight: 300; }

#container #contents .titleAreaMiddle { clear:both; width:100%; margin-top:40px; }
#container #contents .titleAreaMiddle h2 { color:#000; font-size:22px; font-weight:normal;  }
#container #contents .titleAreaMiddle h2.s_tit {font-size:18px;}

#container #contents .s_content {clear:both; width:100%; margin-top:30px; padding-bottom:40px; word-break:keep-all; }
.ContentbgGrey #container #contents .s_content { width:92%; padding:60px 4%; margin:30px auto 0; background-color:#fff; border-radius:30px;}
#container #contents .s_content:after{clear:both; display:block; content:"";}

.pcView {display:inline-block;}
.mobileView {display:none !important;}

@media screen and (max-width:1240px){
	#lnb { float:none; clear:both; width:98%; padding:0 1%; border-bottom:none; margin:0; }
	#lnb > ul {width:100%;}
	#lnb > ul > h2  {height:30px; line-height:30px; }
	#lnb > ul > li > a {display:block; text-align:center; padding:25px 0 0; height:30px; line-height:30px; font-size:20px; text-indent:0;  background-color:#fff; color:#000 !important;}

	#lnb > ul > li ul {border:none;}
	#lnb > ul > li ul li {height:30px; line-height:30px; font-size:13px; padding:0 10px;}

	#lnb .subcategory {padding:15px 0 10px;}
	#lnb .subcategory li {display:inline-block; height:30px; line-height:30px; border-top:none; background-color:#fff;}
	#lnb .subcategory li:first-child{border-top:0; padding-left:0;}

	.pcView {display:none !important;}
	.mobileView {display:inline-block !important;}

	#container #contents {float:none; clear:both; width:98%; padding:0 1% 30px; overflow:hidden;}

	#container #contents .titleArea{ padding-top: 65px;}
	#container #contents .path{ display: none;}
}
@media screen and (max-width:1100px){
    #container #contents .titleArea{ padding-top: 110px;}
	#container #contents .titleArea.noPadding {padding-top: 50px;}
}

@media screen and (max-width:1024px){
	#lnb > ul > li ul { position: relative; height: 50px; background: #fff; overflow: hidden;}
	#lnb > ul > li ul::-webkit-scrollbar {  }
	#lnb > ul > li ul {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;}
	#lnb .subcategory {position: relative; display: block; white-space: nowrap;}

	#container #contents .s_content {margin-top:40px; padding-bottom:30px;}
}

@media screen and (max-width:1024px){
    #container #contents .titleArea h2 { font-size:32px; }
	#container #contents .titleArea h2.ss_tit {font-size:32px;}
    #container #contents .titleArea h2.s_tit { padding-top: 10px; font-size:18px;}
    #container #contents .titleArea h3 { font-size:17px; }
}

@media screen and (max-width:850px){
    #container #contents .titleArea h2 { font-size:28px; }
	#container #contents .titleArea h2.ss_tit {font-size:28px;}
    #container #contents .titleArea h2.s_tit { font-size:16px;}
    #container #contents .titleArea h3 { font-size:15px; }
}

@media screen and (max-width:650px){
    #container #contents .titleArea h2 { font-size:26px; }
	#container #contents .titleArea h2.ss_tit {font-size:26px;}
    #container #contents .titleArea h2.s_tit { font-size:14px;}
    #container #contents .titleArea h3 { font-size:13px; }

	.ContentbgGrey #container #contents .s_content {padding:30px 4% 20px;}
}


/* 서브 탭버튼 */
.snb {clear:both; margin:50px auto 20px; text-align:center;}
.snb.no_margin { margin:0 auto 20px;}
.snb:after { content:""; display:block; clear:both; }
.snb ul { }
.snb ul:after { content:""; display:block; clear:both; }
.snb ul li {float:left; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.snb ul li:first-child {margin-left:0;}
.snb ul.cols8 li {margin-top:-1px;}
.snb ul.cols8 li:first-child {margin-left:0;}
.snb ul li a {display:block; height:50px; line-height:50px; margin-left:-1px;  border:1px solid #ddd; color:#000; font-size:19px; }
.snb ul li.select {border-bottom:0; }
.snb ul li a:hover,.snb ul li.select a { background:#B83030; border:1px solid #B83030; color:#fff;}
.snb ul li a.btn-bstrapRed {color:#fff;}
.snb ul li a.btn-bstrapRed:hover {color:#000;}
.snb ul.cols2 li{width:50%;}
.snb ul.cols3 li{width:33.3%;}
.snb ul.cols4 li{width:25%;}
.snb ul.cols5 li{width:20%;}
.snb ul.cols6 li{width:16.666%;}
.snb ul.cols7 li{width:14.285%;}
.snb ul.cols8 li{width:25%;}

.snb2 {clear:both; margin:0 auto 30px; padding-top:20px; text-align:left;}
.snb2:after { content:""; display:block; clear:both; }
.snb2 ul { }
.snb2 ul:after { content:""; display:block; clear:both; }
.snb2 ul li {float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.snb2 ul li a {display:block;  padding:8px 15px; margin:2px 2px 8px; height:20px; border-radius:5px; line-height:20px; border:1px solid #ddd; color:#231a15; font-size:16px; }
.snb2 ul li.select a {border-bottom:1px solid #000;}
.snb2 ul li:first-child a {}
.snb2 ul li a:hover {  color:#0097b1;}

@media screen and (max-width:800px){
	.snb ul li a {font-size:13px; height:51px; line-height:51px;}
	.snb2 {margin:0 auto 20px; padding-top:20px;}	
}
@media screen and (max-width:560px){
	.snb.no_margin {margin:0 auto 10px;}
	.snb ul li a {font-size:12px; height:41px; line-height:41px;}
	.snb2 ul li a {font-size:13px; height:20px; line-height:20px; margin:2px 2px 4px 0;}
}
/* 사이트맵 */ 
.site_map {clear:both;}
.site_map .sitetbl {clear:both; margin-top:30px;}
.site_map .sitetbl li {float:left; margin:1.5%; padding:2%; width:26%; min-height:150px; border:1px solid #dcdcdc;}
.site_map .sitetbl h1 {font-size:18px; color:#000000; font-weight:bold; padding-bottom:15px; margin-bottom:10px; border-bottom:1px solid #555555;}
.site_map .sitetbl dl {float:left;}
.site_map .sitetbl dd {padding:5px 0;}
.site_map .sitetbl dd div { padding:7px 0 0 13px;}
.site_map .sitetbl dd div a { display:block; padding-bottom:3px;}
@media screen and (max-width:640px){
	.site_map .sitetbl li {width:42%; }
}
/*개인정보취급방침*/
#page-content {clear:both; line-height:22px; font-size:14px;}
#page-content h3 {color:#000000; font-size:15px; padding:25px 0 10px 0;}
@media screen and (max-width:1240px){
	#page-content {width:96%; padding:0 2%;}
}
/*이메일수집거부*/
.email_reje {clear:both; line-height:20px; margin-top:20px;}
.email_reje ul {width:765px; height:296px; padding:50px 30px 0 30px; background:url(/images/email_bg2.gif) no-repeat top left;}
.email_reje h1 {font-size:25px; font-weight:bold; line-height:30px; padding-bottom:30px;}
.email_reje ul li {padding:10px 0;}
.email_reje p {clear:both; margin-top:20px; border:1px #dddddd solid; padding:30px;}

.boardfaq {margin:0; min-height:80px; color:#000; border-top:2px solid #000;}
.boardfaq ul {display:block; height:auto; border-bottom:1px #dcdcdc dotted; cursor:pointer;}
.boardfaq ul > li {}
.boardfaq ul > li:after {content:""; display:block; clear:both}

.boardfaq ul > li > div {float:left;}
.boardfaq ul li.title {clear:both;width:100%; height:60px; line-height:60px; }
.boardfaq ul li.on {background-color:#f2f2f2; color:#000;}
.boardfaq ul li.detail {clear:both;width:100%; height:auto; padding:10px 0; background:none; }
.boardfaq ul li.showdetail_a { display:none; background-color:#f2f2f2;}

.boardfaq ul li div.con_title {
	display:inline-block; 
	width:10%; 
	text-align:center; 	
	font-size:24px;
	background:none;
	color:#5afffd;
}
.boardfaq ul li div.con_title img {vertical-align:middle;}
.boardfaq ul li div.con_cont { width:88%; padding-right:2%; float:left; font-size:15px;}
.boardfaq ul li.detail .con_cont { font-size:15px; float:left; line-height:26px; padding:15px 0; color:#297eb1;  background:none;}
@media screen and (max-width:800px){
	.boardfaq ul li div.con_title img {height:24px;}
	.boardfaq ul li.title {height:auto;  line-height:24px; padding:15px 0; }
	.boardfaq ul li div.con_title {font-size:20px;}
}
@media screen and (max-width:560px){
	.boardfaq ul li div.con_title img {height:20px;}
	.boardfaq ul li.title {line-height:20px; padding:12px 0;}
	.boardfaq ul li.detail .con_cont,
	.boardfaq ul li div.con_cont {font-size:13px;}
}

.agreeArea .txt_contain {width:100%; margin-bottom:10px; }
.agreeArea .txt_contain:after{clear:both; display:block; content:"";}
.agreeArea h3 {padding:10px 0; font-size:16px; color:#000;}
.agreeArea h1 {font-size:15px; color:#000; text-align:left; padding:5px 0;}
.agreeArea .txt_contain .TextArea {clear:both; width:96%; padding:10px 2%; height:200px; font-size:13px; line-height:180%; overflow-y:auto; border:1px solid #dcdcdc; background-color:#f8f8f8;}
.agreeArea .txt_contain .TextArea:after{clear:both; display:block; content:"";}
.agreeArea .checkAgree {float:right; padding:15px 0 10px; width:100%; text-align:right; font-size:13px; color:#338ee1;}

.sectionTit { clear:both; font-size:30px; font-weight:700; color:#000; padding:8px 0 0; background:url('/images/sub/ico_line.png') no-repeat left top;}
.textContain { clear:both; width:100%; font-size:18px; line-height:24px;}

.consulting .section1 { width: 100%; padding-top: 30px;  transition: all .5s;}
.consulting .section1 ul { width: 100%; ; }
.consulting .section1 ul li { display: inline-block; width: calc(50% - 17px); margin: 15px; min-height:360px; vertical-align: top; text-align: center; border: 1px solid #ddd; box-sizing:border-box }
.consulting .section1 ul li.leftContents { margin-left: 0; }
.consulting .section1 ul li.rightContents { margin-right: 0;}
.consulting .section1 ul li span { display: block; }
.consulting .section1 ul li .image { padding-top: 8.5%;}
.consulting .section1 ul li .title { padding: 2.5% 0 0; font-size: 26px; color: #000; font-weight: bold;}
.consulting .section1 ul li .title2 { padding: 1% 0 3%; font-size: 20px; color: #A51E22; font-weight: bold;}
.consulting .section1 ul li .contents { font-size: 18px; color: #898989; line-height: 150%;  }
@media screen and (max-width:1250px){
	.sectionTit { font-size:28px; padding:8px 1% 0; background-position:1% top;}
	.textContain {width:98%; font-size:16px; padding:0 1%;}

	.consulting .section1 { padding: 0 1%; box-sizing:border-box; }
    .consulting .section1 ul li { min-height:330px; }
    .consulting .section1 ul li .title { font-size: 25px; }
    .consulting .section1 ul li .title2 { font-size: 19px;}
    .consulting .section1 ul li .contents { font-size: 15px; }
}
@media screen and (max-width:1024px){
    .consulting .section1 ul li { min-height:310px; }
    .consulting .section1 ul li .title { font-size: 23px; }
    .consulting .section1 ul li .title2 { font-size: 17px;}
    .consulting .section1 ul li .contents { font-size: 13px; }
	.sectionTit { font-size:24px; }
	.textContain {font-size:15px;}
}
@media screen and (max-width:850px){
    .consulting .section1 { padding-top: 3%; }
    .consulting .section1 ul li { display: inline-block; width: 100%; margin: 1% 0; padding: 5% 0; min-height:1px; }
    .consulting .section1 ul li .image { padding: 0;}
	.sectionTit { font-size:20px; }
}

.maintenance .section1 { width: 100%; padding: 4% 2% 0 2%; box-sizing:border-box; text-align:center;  }
.maintenance .section1 img { max-width: 100%;  margin:0 auto;}

.relocation .topDivide {clear:both; width: 100%; padding: 2% 0 4% 0; box-sizing:border-box; }
.relocation .topDivide:after {clear:both; display:block; content:"";}
.relocation .topDivide ul li {float:left; width:48%; padding:0 0 0 2%;}
.relocation .topDivide ul li:first-child {padding:0 2% 0 0;}

.relocation .section1 { clear:both; width: 100%; padding: 2% 2% 0 2%; box-sizing:border-box; }
.relocation .section1 img { max-width: 100%; margin:0 auto;}
.relocation .section2 { width: 100%; padding-top: 5%; margin-top: 2%; transition: all .5s;}
.relocation .section2 ul { width: 100%; font-size: 0; margin-top: 15px;}
.relocation .section2 ul li { display: inline-block; width: 24.2%; padding-bottom: 2%; margin: 0 0 2% 1.06%; vertical-align: top; text-align: center; border: 1px solid #ddd; box-sizing:border-box; }
.relocation .section2 ul li:first-child { margin-left: 0;}
.relocation .section2 ul li span { display: block; }
.relocation .section2 ul li .image { }
.relocation .section2 ul li .image img { width: 100%; }
.relocation .section2 ul li .title { padding: 7% 0 2%; font-size: 23px; color: #000;}
.relocation .section2 ul li .contents { font-size: 16px; color: #898989; line-height: 140%; }
@media screen and (max-width:1250px){
	.relocation .section1,
	.relocation .section2 { padding:4% 1%; box-sizing:border-box; }
}
@media screen and (max-width:1100px){
    .relocation .section2 ul li .title { font-size: 21px;}
    .relocation .section2 ul li .contents { font-size: 15px; }
}
@media screen and (max-width:800px){
	.relocation .topDivide ul li{float:none; clear:both; width:100%; padding:0; }
	.relocation .topDivide ul li:first-child{float:none; clear:both; width:100%; padding:0 0 40px; }
    .relocation .section2 ul li { width: 49%; margin-left: 1%; padding-bottom: 4%; }
    .relocation .section2 ul li.section2Con1 { margin-left: 0; margin-right: 1%;}
    .relocation .section2 ul li.section2Con2 { }
    .relocation .section2 ul li.section2Con3 { margin-left: 0; margin-right: 1%;}
    .relocation .section2 ul li.section2Con4 { }
}
@media screen and (max-width:460px){
	.relocation .section2 ul li .title {font-size:18px;}
	.relocation .section2 ul li .contents {font-size:14px;}
}

.cloud .section1 { width: 100%; padding: 4% 2% 0 2%; box-sizing:border-box; text-align: center;}
.cloud .section1 img { max-width: 100%;}
.cloud .section2 { width: 100%; padding-top: 5%; margin-top: 5%; border-top: 1px solid #ddd; transition: all .5s;}
.cloud .section2 ul { width: 100%; font-size: 0; margin-top: 15px;}
.cloud .section2 ul li { display: inline-block; width: 48.96%; padding-bottom: 2%; margin: 0 0 2% 1.04%; vertical-align: top; text-align: center; border: 1px solid #ddd; box-sizing:border-box; }
.cloud .section2 ul li.section2Con1 { margin-left: 0; margin-right: 1%;}
.cloud .section2 ul li.section2Con2 { }
.cloud .section2 ul li.section2Con3 { margin-left: 0; margin-right: 1%;}
.cloud .section2 ul li.section2Con4 { }
.cloud .section2 ul li span { display: block; }
.cloud .section2 ul li .image { }
.cloud .section2 ul li .image img { width: 100%;}
.cloud .section2 ul li .title { padding: 3% 0 1.5%; font-size: 23px; color: #000;}
.cloud .section2 ul li .contents { font-size: 18px; color: #898989; line-height: 140%;  }
@media screen and (max-width:1250px){
	.cloud .section1,
	.cloud .section2 { padding: 0 1%; box-sizing:border-box; }
}
@media screen and (max-width:1100px){
    .cloud .section1 img { max-width: 90%;}
    .cloud .section2 ul li .title { font-size: 21px;}
    .cloud .section2 ul li .contents { font-size: 15px; }
}
@media screen and (max-width:800px){
    .cloud .section1 img { max-width: 85%;}
	.cloud .section2 {padding-top: 8%; margin-top: 8%;}
    .cloud .section2 ul li .title { font-size: 19px;}
    .cloud .section2 ul li .contents { font-size: 13px;}
}
@media screen and (max-width:600px){
    .cloud .section2 ul li { width: 98.96%; padding-bottom: 4%;}
    .cloud .section2 ul li .contents { min-height: 36px; font-size: 15px;}
}
@media screen and (max-width:460px){
	.cloud .section2 ul li .title {font-size:18px;}
	.cloud .section2 ul li .contents {}
}

.security .section1 { width: 100%; padding: 4% 0 0 0; box-sizing:border-box; }
.security .section1 img { max-width: 100%; margin:0 auto;}
.security .section2 { width: 100%; max-width:1240px; margin: 5% auto 0; transition: all .5s;}
.security .section2 ul {float:left; width: calc(32.3% - 2px); margin: 0 0.75%; padding-bottom:2%; border:1px solid #dcdcdc; min-height:330px;}
.security .section2 ul:first-child { margin: 0 0.75% 0 0;}
.security .section2 ul:last-child { margin: 0 0 0 0.75%;}
.security .section2 ul.last { margin: 0 0 0 0.75%;}
.security .section2 ul li.title { padding: 8% 5%; font-size: 24px; color: #000; font-weight:700;}
.security .section2 ul li.title span {font-size:18px;}
.security .section2 ul li.contents { padding:0 5% 5%; font-size: 17px; color: #444; line-height: 150%;  }
.security .section2 ul li.contents span { color: #B63230;}
.security .section2 ul li.contents:before { content:"·"; }

@media screen and (max-width:1250px){
	.security .section2 { padding: 0 1%; box-sizing:border-box; }
	.security .section2 ul {min-height:280px;}
    .security .section2 ul li.title { font-size: 20px; }
    .security .section2 ul li.contents {font-size: 16px;}
}
@media screen and (max-width:1100px){
	.security .section2 ul {float:none; display:inline-block; width: calc(47.7% - 2px); margin:1% !important; min-height:100%; vertical-align:top;}
    .security .section2 ul li.title { font-size: 19px; }
    .security .section2 ul li.contents { }
}
@media screen and (max-width:1024px){
    .security .section2 ul li.title { font-size: 18px; }
    .security .section2 ul li.contents { font-size: 15px; }
}
@media screen and (max-width:860px){
	.security .section2 ul {float:none; display:block; width: calc(98% - 2px); margin:4% 1% !important;}
	.security .section2 ul li.title { font-size: 20px; padding: 5% 5% 3%;}
    .security .section2 ul li.contents { padding:0 5% 2%;}
}

.outsourcing .section1 { width: 100%; padding: 4% 0 4% 0; box-sizing:border-box; }
.outsourcing .section1 img { max-width: 100%;}
.outsourcing .section2 { width: 100%; padding: 4% 1% 0 1%; box-sizing:border-box; font-size: 18px; color: #444; text-align: center; font-weight: normal;}
.outsourcing .section3 { width: 100%; margin: 6.5% 0 4%; text-align: center;  }
.outsourcing .section3 img { max-width: 100%;}
.outsourcing .section4 { width: 100%; max-width:730px; margin: 0 auto; border: 1px solid #ddd; border-width: 0 1px; transition: all .5s;}
.outsourcing .section4 ul { width: 100%; padding: 0 7%; box-sizing:border-box; }
.outsourcing .section4 ul li.title { padding: 0 0 1%; font-size: 23px; color: #000; font-weight: bold;}
.outsourcing .section4 ul li.contents { font-size: 17px; color: #444; line-height: 140%;  }
.outsourcing .section4 ul li.contents span { color: #B63230;}
.outsourcing .section4 ul li.contents:before { content:"·"; }
@media screen and (max-width:1024px){
    .outsourcing .section2 { font-size: 15px;}
    .outsourcing .section4 ul li.title { font-size: 21px; }
    .outsourcing .section4 ul li.contents { font-size: 15px; }
    .outsourcing .section4 ul { padding: 0 5%; }
}
@media screen and (max-width:865px){
    .outsourcing .section2 { font-size: 14px;}
    .outsourcing .section4 ul { padding: 0 4%; }
}
@media screen and (max-width:800px){
    .outsourcing .section2 { font-size: 12px;}
	.outsourcing .section3 {margin: 10.5% 0 8%;}
    .outsourcing .section4 ul { padding: 0 3%; }
}
@media screen and (max-width:700px){
    .outsourcing .section2 { }
    .outsourcing .section3 img { max-width: 30%;}
    .outsourcing .section4 ul { padding: 0 1%; }
    .outsourcing .section4 ul li.title { font-size: 19px; }
    .outsourcing .section4 ul li.contents { font-size: 13px; }
}

#container.companyContainer { max-width: 100%;}
#container.companyContainer #contents .path { max-width:1240px; margin: 0 auto 0;}
#container.companyContainer #contents .titleArea { max-width:1240px; margin: 0 auto;}
#container.companyContainer .snb { max-width:1240px; margin-bottom:0; }
.company1 .section1 { width: 100%; padding:6% 0 0; margin: 0; box-sizing:border-box; text-align: center; background: url('/images/sub/greeting_bg.jpg') no-repeat center top;}
.company1 .section1 img { max-width: 100%; margin: 0 auto;}
.company2 .section1 { position: relative; margin-top: 60px; z-index: 9; width: 100%; transition: all .5s;}
.company2 .section1 .timeLine { position: absolute; left: 50%; height: 100%; border-right: 1px solid #ddd; z-index: -1; transition: all .2s;}
.company2 .section1 .timeLineContainer { width: 100%; }
.company2 .section1 .timeLineContainer:after { content:""; display:block; clear:both; }
.company2 .section1 .timeLineContainer .timeLineContents { position: relative; width: 100%; margin-bottom: 20px; }
.company2 .section1 .timeLineContainer .timeLineContents:after { content:""; display:block; clear:both; }
.company2 .section1 .timeLineContainer .timeLineContents ul { width: 50%; padding-bottom: 10px; text-align: right; transition: all .5s;}
.company2 .section1 .timeLineContainer .timeLineContents ul li { padding: 0 9% 0 0;}
.company2 .section1 .timeLineContainer .timeLineContents ul .timeLineDot { position: absolute; right: -15px; top: 50%; margin-top: -15px; display: inline-block; padding: 5px; border: 1px solid #ddd; border-radius:50%; background: #fff; }
.company2 .section1 .timeLineContainer .timeLineContents ul .timeLineDot span { display: block; width: 16px; height: 16px; background: #B83030; border-radius:50%;  }
.company2 .section1 .timeLineContainer .timeLineContents ul .title { position: relative; margin-bottom: 10px; }
.company2 .section1 .timeLineContainer .timeLineContents ul .title .year { display: inline-block; width: 107px; height: 107px; line-height: 107px; background: #B83030; color: #fff; border-radius:50%; text-align: center; font-size: 28px; font-weight: bold; border: 1px solid #B83030; }
.company2 .section1 .timeLineContainer .timeLineContents ul .contents { margin-bottom: 3px; font-size: 18px;}
.company2 .section1 .timeLineContainer .timeLineContents.alignLeft ul .contents:after { content:"·"; padding-left: 5px;   }
.company2 .section1 .timeLineContainer .timeLineContents.alignRight ul { float: right; padding: 0 0 0 4.5%;    text-align: left; }
.company2 .section1 .timeLineContainer .timeLineContents.alignRight ul li { padding:  0 0 0 9%;}
.company2 .section1 .timeLineContainer .timeLineContents.alignRight ul .timeLineDot { right: auto; left: -15px;}
.company2 .section1 .timeLineContainer .timeLineContents.alignRight ul .title .year { background: #fff; color: #B83030; border-color:#ddd; }
.company2 .section1 .timeLineContainer .timeLineContents.alignRight ul .contents:before { content:"·"; padding-right: 5px;   }
.company3 .section1 { width: 100%; padding: 4% 0 0 0; margin-top: 4%; box-sizing:border-box; }
.company3 .section1 img { max-width: 100%; }
.company4 .section1 { width: 100%; padding: 2% 0 0 0; margin-top: 2%; box-sizing:border-box; }
.company4 .section1 .root_daum_roughmap {padding:0 !important; border:none !important; width:100% !important;}
.company4 .section2 { width: 100%; padding: 0 1%; margin-top: 5%; box-sizing:border-box; transition: all .5s;}
.company4 .section2 .sectionContents { width: 100%; padding-bottom: 2%; }
.company4 .section2 .sectionContents .title { font-size: 25px; font-weight: bold; color: #B8312D; }
.company4 .section2 .sectionContents .contents { padding-top: 5px; font-size: 18px; color: #000; }
.company4 .section2 .sectionContents2 { width: 100%; margin-top: 2%; overflow: hidden;}
.company4 .section2 .sectionContents2 > div { float: left; overflow: hidden; transition: all .5s;}
.company4 .section2 .sectionContents2 > div:first-child { padding-right: 7%;}
.company4 .section2 .sectionContents2 > div > div { float: left; }
.company4 .section2 .sectionContents2 .title { width: 82px; height: 82px; line-height: 82px; background: #B8312D; font-size: 17px; color: #fff; border: 1px solid #B8312D; border-radius:50%; text-align: center;  }
.company4 .section2 .sectionContents2 .contents { padding-left: 25px; font-size: 18px; color: #000; }
.company4 .section2 .sectionContents2 > div:first-child .contents { margin-top: 20px;}

@media screen and (max-width:1100px){
    .company4 .section2 { padding: 0 3%; }
    .company4 .section2 .sectionContents2 > div { float: none; width: 100%; margin-bottom: 2%; }
    .company4 .section2 .sectionContents2 > div:first-child { padding: 0; }
}
@media screen and (max-width:900px){
    .company2 .section1 .timeLine { left: 20px; }
    .company2 .section1 .timeLineContainer .timeLineContents { margin-bottom: 5%;}
    .company2 .section1 .timeLineContainer .timeLineContents.alignLeft ul,
    .company2 .section1 .timeLineContainer .timeLineContents.alignRight ul { float: left; width: calc( 100% - 22px ); padding: 0 0 0 22px; text-align: left; }
    .company2 .section1 .timeLineContainer .timeLineContents ul li { padding: 0 0 0 9%;}
    .company2 .section1 .timeLineContainer .timeLineContents ul .timeLineDot { right: auto; left: -15px;}
    .company2 .section1 .timeLineContainer .timeLineContents.alignLeft ul .contents:after { content:""; padding: 0; }
    .company2 .section1 .timeLineContainer .timeLineContents ul .contents:before { content:"·"; padding-right: 5px;   }
}
@media screen and (max-width:768px){
	.company1 .section1 {padding:15% 0 0; background-size:cover; background-position:center -100px;}
	.company4 .section2 { margin-top: 10%;}
    .company4 .section2 .sectionContents .title { font-size: 23px; }
    .company4 .section2 .sectionContents .contents { font-size: 16px; }
    .company4 .section2 .sectionContents2 .title { width: 62px; height: 62px; line-height: 62px; font-size: 15px; }
    .company4 .section2 .sectionContents2 .contents { padding-left: 25px; font-size: 16px; }
}
@media screen and (max-width:670px){
    .company4 .section2 .sectionContents .title { font-size: 20px; }
    .company4 .section2 .sectionContents .contents { font-size: 14px; }
    .company4 .section2 .sectionContents2 .title { width: 52px; height: 52px; line-height: 52px; font-size: 13px; }
    .company4 .section2 .sectionContents2 .contents { padding-left: 15px; font-size: 13px; }
    .company4 .section2 .sectionContents2 > div:first-child .contents { margin-top: 15px;}
}
@media screen and (max-width:600px){
    .company2 .section1 .timeLineContainer .timeLineContents ul .title .year { width: 90px; height: 90px; line-height: 90px; font-size: 24px }
    .company2 .section1 .timeLineContainer .timeLineContents ul .contents { font-size: 16px;}
}
@media screen and (max-width:450px){
    .company2 .section1 .timeLineContainer .timeLineContents ul .title .year { width: 80px; height: 80px; line-height: 80px; font-size: 22px }
    .company2 .section1 .timeLineContainer .timeLineContents ul .contents { font-size: 14px;}
}
@media screen and (max-width:425px){
    .company4 .section2 .sectionContents .title { font-size: 20px; }
    .company4 .section2 .sectionContents .contents { font-size: 14px; }
    .company4 .section2 .sectionContents2 .title { width: 45px; height: 45px; line-height: 45px; font-size: 12px; }
    .company4 .section2 .sectionContents2 .contents { padding-left: 10px; font-size: 11px; }
}

.s_content .displayPc { display: block; margin:0 auto;}
.s_content .displayMobile { display: none;}

@media screen and (max-width:800px){
    .s_content .displayPc { display: none;}
    .s_content .displayMobile { display: block;}
}

.topSpace { width: 100%; height: 70px;}
@media screen and (max-width:1100px){
	.topSpace { width: 100%; height: 65px;}
}
 #cust_no:disabled  { background: #EBEBE4;}
.PopupLayer_form_title{ padding-bottom: 45px; color: #302f30; font-size: 24px; }
.Consult_table_caption { padding-bottom: 35px; color: #302f30; font-size: 16px; font-weight: 700; overflow: hidden;  }
.Consult_table_caption > p { display: inline-block; color: #302f30; font-size: 16px;}
.Consult_table_caption > div { float: right; display: inline-block; }
.Consult_red_star { margin-right: 4px; color: #e6474c;}

.service_table_caption { padding-bottom: 35px; color: #302f30; font-size: 16px; font-weight: 700; overflow: hidden;  }
.service_table_caption > p { display: inline-block; color: #000; font-size: 30px;}
.service_table_caption > div {border:1px solid #dcdcdc; padding:15px 20px; border-radius:10px; float: right; display: table; }
.service_table_caption > div:after{clear:both; display:block; content:"";}
.service_table_caption > div img {width:48px; margin-top:0; }
.service_table_caption > div li {float:left; line-height:20px;}
.service_table_caption > div li:first-child {margin-right:15px;}
.service_table_caption > div li span {display:inline-block; margin:0 5px;}
.service_table_caption > div li span:first-child {margin-top:0;}
.service_table_caption > div li span.tit {font-size:20px;display:block; }
.service_table_caption > div li span.num {font-size:18px; margin-top:5px;}
.service_table_caption > div li span.num a {color:#000;}

.Consult_register_box { padding-top: 48px; padding-bottom: 48px; }
.Consult_register_box .Consult_register_warning { display: block; padding-bottom: 32px; color: #5ccfd1; text-align: center; font-size: 18px;}
.Consult_register_box .Consult_register_warning > svg { display: inline-block; vertical-align: middle; }
.Consult_register_box .Consult_register_warning > p { display: inline-block; vertical-align: middle;}

.Consult_register_box .Consult_register_warning .Consult_register_text { padding-left: 8px;}
.Consult_register_box .Consult_buttons { text-align: center; }
.Consult_register_box .Consult_register_button { background: #5ccfd1; width: 192px; height: 56px; border-radius: 7px; color: #fff; font-weight: 400; text-align: center; font-size: 16px;}
.Consult_private_policy_checkbox{ padding-top: 15px;  padding-bottom: 24px; }
.Consult_private_policy_checkbox span {  width: 100%; padding-right: 20px; padding-left: 16px; font-weight: 700; color: #302f30; font-size: 16px; }
.Consult_private_policy_container textarea { font-weight: 400; color: #302f30; font-size: 14px;}

@media screen and (max-width:800px){
	.PopupLayer_form_title { padding-bottom: 25px;}
	.Consult_register_box .Consult_register_warning > svg {display:none;}
	.Consult_register_box .Consult_register_warning .Consult_register_text {font-size:14px; text-align:left;}
	.Consult_private_policy_checkbox span {font-size:14px;}
	.service_table_caption > p {font-size:22px;}
}
@media screen and (max-width:600px){
	.service_table_caption > div {float:none; display:block; margin-top:20px;}
}
@media screen and (max-width:560px){
	.PopupLayer_form_title { font-size: 20px; }
	.PopupLayer_form_title {text-align:center;}
	.Consult_table_caption {width:96%; padding:0 2%;}
	.Consult_table_caption,
	.Consult_table_caption > p{font-size: 14px;}
	.Consult_table_caption > p,
	.Consult_table_caption > div {float:none; display:block; margin-bottom:5px;}

	.service_table_caption {padding-bottom:25px;}
	.service_table_caption > div {padding:10px 15px;}
	.service_table_caption > div img {width:30px;}
	.service_table_caption > div li:first-child {margin-right:10px;}
	.service_table_caption > div li span { margin:0 3px;}
	.service_table_caption > div li span.tit {font-size:18px;}
	
	.Consult_private_policy_container textarea {font-size:13px;}
	.consult .table_basic_view {margin-top:20px;}
}