@charset "utf-8";

#visual{position:relative; overflow:hidden; width:100%; text-align:center; height:450px; box-sizing:border-box;}
#visual .sub{position:absolute; width:100%; height:450px; background-position:center 0px; background-repeat:no-repeat; z-index:-1; animation:animate_background 2s ease-in-out; background-size:cover;}
#visual .sub_visual_01{background-image:url("../images/content/sub_visual_01.jpg");}
#visual .sub_visual_02{background-image:url("../images/content/sub_visual_02.jpg");}
#visual .sub_visual_03{background-image:url("../images/content/sub_visual_03.jpg");}
#visual .sub_visual_04{background-image:url("../images/content/sub_visual_04.jpg");}
#visual .sub_visual_05{background-image:url("../images/content/sub_visual_05.jpg");}
#visual .sub_search{background-image:url('/img/subtop_other.jpg');}
#visual .sub_none{background-color:#f0f0f0; height:600px}

@keyframes animate_background {
	0% { transform: scale(1.12); -ms-transform: scale(1.12); -webkit-transform: scale(1.12); }
	100%  { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); }
}

#visual h2{position:relative; color:#fff; top:45%; font-size:55px; font-weight:800; line-height:100%; padding:0 3%} 
#visual h2 p{font-family:"SeoulNamsanM"; color:rgba(255,255,255,.7); font-size:24px; font-weight:300; letter-spacing:0.5pt; line-height:100%; padding:0 0 15px 0}
#visual.sub_none h2{color:#333; top:27%}
#visual.sub_none h2 p{color:#333}
#visual.sub_none h2 .page_txt {font-weight:300; color:#777; font-size:17px; line-height:165%; letter-spacing:-0.3pt; margin-top:28px; padding:0 3%}

#contents{position:relative; width:100%;}

.lnb {position:relative; width:1280px; margin:0 auto; top:-40px; box-shadow:rgba(0,0,0,.14) 3px 6px 12px;}
.lnb ul{position:relative; overflow:hidden; background:#fff; text-align:center;}
.lnb li {position:relative; float:left;}
.lnb ul.two li{width:50%;}
.lnb ul.three li{width:33.3333333333333%;}
.lnb ul.four li{width:25%;}
.lnb ul.five li{width:20%;}
.lnb li a{display:block; font-size:17px; letter-spacing:-0.4pt; color:#777; height:80px; padding:28px 0; line-height:135%; border-right:1px solid #eee; box-sizing:border-box; transition: all 0.3s;}
.lnb li:last-child a{border-right:0}
.lnb li a:hover{color:#fff; background:#dd4a1d; text-decoration: none; transition: all 0.3s;}
.left_linktop{display:block; color:#fff !important; font-weight:700 !important; text-decoration: none;}
	.lnb ul.blue .left_linktop{background:#0e4194;}
	.lnb ul.purple .left_linktop{background:#814997;}
	.lnb ul.sky .left_linktop{background:#009ede;}
	.lnb ul.orange .left_linktop{background:#dd4a1d;}
	.lnb ul.green .left_linktop{background:#50b747;}
	.lnb ul.red .left_linktop{background:#e30613;}

	.depth{position:relative; width:1280px; margin:0 auto; padding-top:20px;}
	.depth ul{text-align:center}
	.depth li{position:relative; display:inline-block; padding:0 13px}
	.depth li a{position:relative; display:block; font-size:17px; font-weight:300; letter-spacing:-0.3pt; line-height:40px; transition: all 0.3s;}
	.depth li a:hover{color:#333; transition:all 0.3s;}
	.depth li a:after{position:absolute; bottom:0; display:block; content:""; overflow:hidden; height:3px; width:0;}
	.depth li.depth_linktop a{font-weight:bold;}
	.depth li.depth_linktop a:after{width:100%;}

	.depth ul.blue li.depth_linktop a{color:#0e4194;}
	.depth ul.blue li.depth_linktop a:after{background:#0e4194;}
	.depth ul.purple li.depth_linktop a{color:#814997;}
	.depth ul.purple li.depth_linktop a:after{background:#814997;}
	.depth ul.sky li.depth_linktop a{color:#009ede;}
	.depth ul.sky li.depth_linktop a:after{background:#009ede;}
	.depth ul.yellow li.depth_linktop a{color:#f39324;}
	.depth ul.yellow li.depth_linktop a:after{background:#f39324;}
	.depth ul.green li.depth_linktop a{color:#50b747;}
	.depth ul.green li.depth_linktop a:after{background:#50b747;}
	.depth ul.red li.depth_linktop a{color:#e30613;}
	.depth ul.red li.depth_linktop a:after{background:#e30613;}
	
#contents .contentArea {width:100%; padding:100px 0px;}
#contents .contentArea.nobpad {padding-bottom:0 !important;}
.sub_con {width:1280px; margin:0 auto; box-sizing:border-box; position:relative; overflow:hidden;}
.wid_1280 {width:1280px; margin:0 auto; box-sizing:border-box; position:relative;}
.wid_1310 {width:1310px; margin:0 auto; box-sizing:border-box; position:relative;}

#contents h3.title {color:#333; font-weight:700; font-size:40px; line-height:100%; letter-spacing:-1.5pt; text-align:center; margin-bottom:70px;}
#contents h3.title:after {display:block; content:""; width:50px; height:2px; background:#333; margin:30px auto;}
#contents h3.title.noline {margin-bottom:40px;}
#contents h3.title.noline:after {display:none;}


/*** 공통css ***/
.point_txt{font-weight:bold; color:#333; letter-spacing:-0.5pt;}

.attention{text-align:right; padding-bottom:10px;}
.attention b{color:#333;}

.tpad_10{padding-top:10px;}
.tpad_20{padding-top:20px;}
.tpad_35{padding-top:35px;}
.bpad_5{padding-bottom:5px;}
.bpad_10{padding-bottom:10px;}
.bpad_20{padding-bottom:20px;}
.bpad_25{padding-bottom:25px;}
.bpad_30{padding-bottom:30px;}
.bpad_40{padding-bottom:40px;}
.bpad_50{padding-bottom:50px;}
.bpad_120{padding-bottom:120px;}

.tbpad_120 {padding:120px 0 !important;}
.bpad0 {padding-bottom:0 !important;}
.tpad0 {padding-top:0 !important;}
.tpad50 {padding-top:50px;}
.tpad60 {padding-top:60px;}
.tpad70 {padding-top:70px;}
.tpad100 {padding-top:100px;}

.tmar50 {margin-top:50px !important;}

.grayBg {background:#f0f0f0;}

.table_style {width:100%; border-collapse:separate; border-spacing:0px}
.table_style th {color:#fff; font-weight:400; text-align:center; padding:20px; background-color:#814997; letter-spacing:-0.3pt; border-right:1px solid rgba(255,255,255,0.3);}
.table_style th:last-child {border-right:none;}
.table_style.blueBg th {background:#009ede;}
.table_style.blueBg2 th {background:#0e4194;}

.table_style td {border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:12px 15px; text-align:left; letter-spacing:-0.3pt;}
.table_style .b_left {border-left:1px solid #ddd;}
.table_style .b_right {border-right:1px solid #ddd;}
.table_style .b_bottom {border-bottom:1px solid #ddd;}
.table_style th.b_right {border-right:1px solid rgba(255,255,255,0.3);}
.table_style th.b_bottom {border-bottom:1px solid rgba(255,255,255,0.3);}

.table_style td.tit {text-align:center; color:#333;}
.table_style td.gray_tit {background:#f9f9f9;color:#333; text-align:center;}
.table_style .center {text-align:center;}
.table_style .blue{color:#0e4194;}
.table_style .red{color:#e30613;}
.table_style img {margin-top:5px;}

.table_style2 {width:100%; border-collapse:separate; border-spacing:0px;}
.table_style2 thead th {color:#fff; padding:20px 30px; background:#0e4194; text-align:left; font-weight:700;}
.table_style2 td.grayBg {background:#f9f9f9; color:#333;}
.table_style2 td.rightline {border-left:1px solid #ddd;}
.table_style2 tbody th {color:#333; font-weight:400; text-align:center; padding:25px 28px; background-color:#fff; letter-spacing:-0.3pt; border-right:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.table_style2 td {text-align:left; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:22px 28px; letter-spacing:-0.3pt;}
.table_style2.vtop th {vertical-align:top;}
.table_remark {font-size: 12px; color: #888; letter-spacing: -0.45pt; margin: -5px 0 13px; display: none;}



/** 폰트 **/
.ls0 {letter-spacing:0 !important;}
.white {color:#fff !important;}
.black {color:#333 !important;}
.orange {color:#f75615 !important;}
.blue {color:#0e4194 !important;}
.skyblue {color:#009ede !important;}
.bold {font-weight:700 !important;}
.light {font-weight:300 !important;}


.sub_title {font-family:'SeoulNamsanM', 'Noto Sans KR', sans-serif; font-weight:300; color:#333; font-size:35px; line-height:130%; letter-spacing:-1pt; text-align:center; margin:0 auto 25px auto;}
.sub_title span {line-height:inherit; letter-spacing:inherit;}

.sub_title2 {font-family:'SeoulNamsanM', 'Noto Sans KR', sans-serif; font-weight:300; color:#333; font-size:35px; line-height:130%; letter-spacing:-1pt; text-align:center; margin:0 auto 25px auto;}
.sub_title2 span {line-height:inherit; letter-spacing:inherit;}

.sub_stitle {font-size:28px; line-height:130%; letter-spacing:-0.3pt; color:#333; font-weight:500; margin-bottom:50px; text-align:center; position:relative;}
.sub_stitle2 {font-size:24px; line-height:130%; letter-spacing:-0.3pt; color:#333; font-weight:700; margin-bottom:15px; text-align:center; position:relative;}
.sub_stitle3 {font-size:25px; line-height:130%; letter-spacing:-0.3pt; color:#333; font-weight:700; margin-bottom:15px; text-align:center; position:relative;}

.sub_sstitle {font-weight:400; font-size:20px; letter-spacing:-0.3pt; color:#333; line-height:130%; margin-bottom:12px; position:relative;}
.sub_sstitle2 {font-weight:400; font-size:20px; letter-spacing:-0.3pt; color:#333; line-height:130%; position:relative;}
.sub_sstitle .wtxt {line-height:inherit; font-size:15px; text-align:right; font-weight:400; float:right;}

.sub_txt {font-size:17px; line-height:165%; color:#333; letter-spacing:-0.3pt; font-weight:300; text-align:center;} 
.sub_txt_cw {text-align:center; color:#fff;} 
.sub_stxt {letter-spacing:-0.3pt; line-height:165%;}
.sub_smalltxt {font-size:14px; line-height:165%; letter-spacing:-0.3pt; color:#888; margin-top:10px; display:block;}

.br_txt {text-align:center; border-radius:55px; line-height:55px; width:400px; box-sizing:border-box; margin:30px auto 0 auto; background:#009ede; display:block;}



/** dot **/
.dot {position:relative; overflow:hidden; box-sizing:border-box;}
.dot p {letter-spacing:-0.5pt; position:relative; padding:0 0 10px 13px;}
.dot p:last-child {padding-bottom:0;}
.dot p:after {display:block; content:""; width:4px; height:4px; background:#dd4a1d; border-radius:50%; position:absolute; top:8px; left:0;}



/** 버튼 **/
.btn_area{text-align:center; margin:80px auto 0 auto;}
.btn_confirm{display:inline-block; cursor:pointer; font-size:17px; letter-spacing:-0.3pt; color:#dd4a1d; font-weight:700; border:2px solid #dd4a1d; padding:0 40px; width:273px; line-height:76px; box-sizing:border-box; transition: all 0.3s ease-out; background:#fff;}
.btn_confirm:hover{background-color:#dd4a1d !important; color:#fff}

.sub_btn {position:relative; overflow:hidden; text-align:center; margin:80px auto 0 auto;}
.sub_btn a {display:inline-block; margin-right:10px; font-size:17px; letter-spacing:-0.3pt; color:#dd4a1d; font-weight:700; border:2px solid #dd4a1d; padding:0 30px; width:290px; line-height:76px; box-sizing:border-box; transition: all 0.3s ease-out;}
.sub_btn a.inquiry {color:#fff; background-color:#dd4a1d; margin-right:0;}
.sub_btn a:hover {background-color:#dd4a1d; color:#fff; transition: all 0.3s ease-out;}
.sub_btn a.inquiry:hover {background-color:#fff !important; color:#dd4a1d;}

.sub_btn input {display:inline-block; margin-right:10px; font-size:17px; letter-spacing:-0.3pt; color:#dd4a1d; font-weight:700; border:2px solid #dd4a1d; padding:0 40px; width:273px; line-height:76px; box-sizing:border-box; transition: all 0.3s ease-out;}
.sub_btn input.inquiry {color:#fff; background-color:#dd4a1d; margin-right:0;}
.sub_btn input.inquiry:hover {background-color:#fff !important; color:#dd4a1d;}

.sub_btn.orange a {border-color:#f39324; color:#f39324; background-image:url('/img/downBtn_orange.png');}
.sub_btn.orange a:hover {background-color:#f39324; color:#fff;}

.sub_btn.f_edu a {width:359px; border-color:#f39324; color:#f39324; background-image:url('/img/downBtn_orange.png'); margin-right:0;}
.sub_btn.f_edu a:hover {background-color:#f39324;  background-image:url('/img/downBtn2.png'); color:#fff;}

.sub_btn.recruit4 {margin:60px auto 0 auto;}
.sub_btn.recruit4 a {margin-right:0; color:#0e4194; border:2px solid #0e4194; background-image:url('/img/inquiryBtn2.png'); background-color:#fff;}
.sub_btn.recruit4 a:hover {background-color:#0e4194 !important; background-image:url('/img/inquiryBtn.png'); color:#fff;}

.sub_btn.white {}
.sub_btn.white a {border-color:#fff; background-color:transparent;}
.sub_btn.white a:hover {background-color:#0e4194; border-color:#0e4194;}

.sub_btn.recruit {margin:0 auto;}
.sub_btn.recruit a {margin-right:0;}

.sub_btn.purple a {color:#814997; border-color:#814997; background-image: url('/img/downBtn_purple.png');}
.sub_btn.purple a.inquiry {background-color:#814997; color:#fff; background-image:url('/img/inquiryBtn.png');}
.sub_btn.purple a:hover {background-color:#814997; color:#fff; background-image:url('/img/downBtn2.png');}
.sub_btn.purple a.inquiry:hover {background-image:url('/img/inquiryBtn_purple.png'); color:#814997;}

.sub_btn.blue a {color:#009ede; border-color:#009ede; background-image: url('/img/downBtn_blue.png');}
.sub_btn.blue a.inquiry {background-color:#009ede; color:#fff; background-image:url('/img/inquiryBtn.png');}
.sub_btn.blue a:hover {background-color:#009ede; color:#fff; background-image:url('/img/downBtn2.png');}
.sub_btn.blue a.inquiry:hover {background-image:url('/img/inquiryBtn_blue.png'); color:#009ede;}

.sub_btn.skyblue a {color:#009ede; border-color:#009ede; background-image: url('/img/downBtn_purple.png');}
.sub_btn.skyblue a.inquiry {background-color:#009ede; color:#fff; background-image:url('/img/inquiryBtn.png');}
.sub_btn.skyblue a:hover {background-color:#009ede; color:#fff; background-image:url('/img/downBtn2.png');}
.sub_btn.skyblue a.inquiry:hover {background-image:url('/img/inquiryBtn_purple.png'); color:#009ede;}


/** popup_S {**/
.pop_btn{display:block; text-align:center; margin:30px auto 0;}
.pop_btn a{text-align:center; margin:30px auto 0; color:#fff !important;}
.login_btn {ine-height:50px; cursor:pointer; width:200px; margin:0 1%; background:#dd4a1d; border:1px solid #dd4a1d; text-align:center; color:#333; font-weight:600;}
.confirm_btn {line-height:50px; cursor:pointer; width:200px; margin:0 1%; background:#dd4a1d; border:1px solid  #dd4a1d; text-align:center; color:#333; padding:10px 30px; font-weight:600;}
.cancel_btn {line-height:50px; cursor:pointer; width:200px; margin:0 1%; background:#fff; border:1px solid #666; text-align:center; color:#333; padding:10px 30px; font-weight:600;}
#popup {display:flex; justify-content:center; align-items:center; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, .7); z-index:999;}
#popup.hide {display:none;}
#popup.has-filter {backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px);}
#popup .pop_content {background:#fff; border-radius:0px; box-shadow:1px 1px 3px rgba(0, 0, 0, .3); border:0px solid #333; padding:50px; max-width:600px; width:100%;}
#popup .pop_content .bbs-write-tbl{width:100%; border-top:1px solid #333; margin-top:10px;}
#popup .pop_content .bbs-write-tbl th,.bbs-write-tbl td{padding:10px; letter-spacing:-0.5px; border-bottom:1px solid #ddd;}
#popup .pop_content .bbs-write-tbl th{color:#464646; font-size:16px;; font-weight:600; background:#f4f5f5;}

#popup2 {display:flex; justify-content:center; align-items:center; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, .7); z-index:999;}
#popup2.hide {display:none;}
#popup2.has-filter {backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px);}
#popup2 .pop_content {background:#fff; border-radius:0px; box-shadow:1px 1px 3px rgba(0, 0, 0, .3); border:5px solid #dd4a1d; padding:50px 100px;}

#notice_popup {display:flex; justify-content:center; align-items:center; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, .7); z-index:999;}
#notice_popup.hide {display:none;}
#notice_popup.has-filter {backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px);}
#notice_popup .pop_content {background:#fff; border-radius:0px; box-shadow:1px 1px 3px rgba(0, 0, 0, .3); border:5px solid #dd4a1d; padding:50px; max-width:600px; width:100%;}
/** popup_E }**/





/************************** 비지니스 ****************************/
/** Smart Factory **/
.platform_con {}

	/* 제품주요기능 및 특징 */
	.function_Box {position:relative; overflow:hidden; background:url( "../images/content/business_bg_01.jpg") center center/cover no-repeat; margin:100px 0 0 0; box-sizing:border-box;}
	.function_Box dl {float:left; height:245px; width:48.83%; margin:2.34% 2.34% 0 0; box-sizing:border-box; display:table; background:#fff;}
	.function_Box dl:first-child, .function_Box dl:nth-child(2) {margin-top:0;}
	.function_Box dl:nth-child(2n) {margin-right:0;}
	.function_Box dl:last-child {margin-right:0;}
	.function_Box dt {display:table-cell; vertical-align:middle; width:32%; box-sizing:border-box; border-right:1px solid #ddd; text-align:center; margin-bottom:0;}
	.function_Box dt img {display:block; margin:0 auto 15px auto;}
	.function_Box dd {display:table-cell; vertical-align:middle; width:calc(100% - 32%); box-sizing:border-box; padding:40px 3% 40px 6.5%;}

	.function_Box2 {position:relative; overflow:hidden; background:url( "../images/content/business_bg_01.jpg") center center/cover no-repeat; margin:100px 0 0 0; box-sizing:border-box;}
	.function_Box2 dl {float:left; height:245px; width:14.71666%; margin:0 2.34% 0 0; box-sizing:border-box; display:table; background:#fff;}
	.function_Box2 dl:first-child, .function_Box dl:nth-child(2) {margin-top:0;}
	/*.function_Box2 dl:nth-child(2n) {margin-right:0;}*/
	.function_Box2 dl:last-child {margin-right:0;}
	.function_Box2 dt {display:table-cell; vertical-align:middle; width:32%; box-sizing:border-box; text-align:center; margin-bottom:0;}
	.function_Box2 dt img {display:block; margin:0 auto 15px auto;}
	.function_Box2 dd {display:table-cell; vertical-align:middle; width:calc(100% - 32%); box-sizing:border-box; padding:40px 3% 40px 6.5%;}

	.function_Box3 {position:relative; overflow:hidden; background:url( "../images/content/business_bg_01.jpg") center center/cover no-repeat; margin:100px 0 0 0; box-sizing:border-box;}
	.function_Box3 dl {float:left; height:245px; width:31.773%; margin:2.34% 2.34% 0 0; box-sizing:border-box; display:table; background:#fff;}
	.function_Box3 dl:first-child, .function_Box3 dl:nth-child(2), .function_Box3 dl:nth-child(3) {margin-top:0;}
	.function_Box3 dl:nth-child(3n) {margin-right:0;}
	.function_Box3 dl:last-child {margin-right:0;}
	.function_Box3 dt {display:table-cell; vertical-align:middle; width:32%; box-sizing:border-box; text-align:center; margin-bottom:0;}
	.function_Box3 dt img {display:block; margin:0 auto 15px auto;}

	.function_Box4 {position:relative; overflow:hidden; background:url( "../images/content/business_bg_01.jpg") center center/cover no-repeat; margin:100px 0 0 0; box-sizing:border-box;}
	.function_Box4 dl {float:left; height:245px; width:48.83%; margin:0 2.34% 0 0; box-sizing:border-box; display:table; background:#fff;}
	.function_Box4 dl:last-child {margin-right:0;}
	.function_Box4 dt {display:table-cell; vertical-align:middle; width:32%; box-sizing:border-box; border-right:1px solid #ddd; text-align:center; margin-bottom:0;}
	.function_Box4 dt img {display:block; margin:0 auto 15px auto;}



	/* 도입효과 */
	.effect_Box {}
	.effect_In {position:relative; overflow:hidden;}
	.effect_In > div {float:left; width:50%; box-sizing:border-box;}
	.effect_In .effect_Img {background:url( "../images/content/business_img_01.jpg") center center/cover no-repeat; height:478px;}
	.effect_In .effect_Txt {border-top:1px solid #ddd;}
	.effect_In dl {border-bottom:1px solid #ddd; border-right:1px solid #ddd; display:table; width:100%; box-sizing:border-box; height:159px;}
	.effect_In dt {display:table-cell; vertical-align:middle; width:180px; text-align:center; box-sizing:border-box;}
	.effect_In dd {display:table-cell; vertical-align:middle; width:calc(100% - 180px); box-sizing:border-box; padding:0 3% 0 0;}
	.effect_In dd h6 {}
	
	.effect_Box2 {}
	.effect_In2 {position:relative; overflow:hidden;}
	.effect_In2 > div {float:left; width:50%; box-sizing:border-box;}
	.effect_In2 .effect_Img2 {background:url( "../images/content/business_img_01.jpg") center center/cover no-repeat; height:559px;}
	.effect_In2 .effect_Txt2 {border-top:1px solid #ddd;}
	.effect_In2 dl {border-bottom:1px solid #ddd; border-right:1px solid #ddd; display:table; width:100%; box-sizing:border-box; height:93px;}
	.effect_In2 dt {display:table-cell; vertical-align:middle; width:180px; text-align:center; box-sizing:border-box;}
	.effect_In2 dd {display:table-cell; vertical-align:middle; width:calc(100% - 180px); box-sizing:border-box; padding:0 3% 0 5%;}

	.effect_In3 {position:relative; overflow:hidden;}
	.effect_In3 > div {float:left; width:50%; box-sizing:border-box;}
	.effect_In3 .effect_Img3 {background:url( "../images/content/business_img_01.jpg") center center/cover no-repeat; height:300px;}
	.effect_In3 .effect_Txt3 {border-top:1px solid #ddd;}
	.effect_In3 dl {border-bottom:1px solid #ddd; border-right:1px solid #ddd; display:table; width:100%; box-sizing:border-box; height:299px;}
	.effect_In3 dd {display:table-cell; vertical-align:middle; width:calc(100% - 180px); box-sizing:border-box; padding:0 3% 0 5%;}


	/* 대표이미지 */
	.business_Img {text-align:center; background:#f0f0f0; padding:120px 0;}
	.business_Img img {max-width:100%; margin:0 auto;}



/*  보안 솔루션 */
.solution_con {}

	/* 제품주요기능 */
	.function_Box.two {background-image:url('/blockchain/img/solutionBg.jpg');}
	.function_Box.two dl {}
	.function_Box.two dt {border-right:none; width:30%;}
	.function_Box.two dd {padding:40px 3% 40px 0;}
	.function_Box.two dd h6 {}
	.function_Box.two dd h6 span {display:block;}


	/* 제품주요특징 */
	.solution_con .effect_Box {}
	.solution_con .effect_In > div {float:left; width:48.83%; margin-right:2.34%;}
	.solution_con .effect_In > div:last-child {margin-right:0;}

	.effect_In > div h4 {width:430px; margin:0 auto; line-height:70px; border-radius:70px; color:#fff; text-align:center; background:#0e4194; font-weight:300; position:relative; z-index:10;}
	.specList {background:#fff; position:relative; overflow:hidden; padding:80px 3% 45px 6%; box-sizing:border-box; height:408px; margin:-35px auto 0 auto;}
	.specList dl {margin-bottom:6%; display:table; width:100%; border:none !important; height:auto !important;}
	.specList dl:last-child {margin-bottom:0;}
	.specList dt {display:table-cell; vertical-align:middle; width:95px; box-sizing:border-box;}
	.specList dd {display:table-cell; vertical-align:middle; width:calc(100% - 95px); padding:0 0 0 7%; box-sizing:border-box;}
	.vtop dt {vertical-align:top !important;}
	.vtop dd {vertical-align:top !important; padding-top:5px;}

	.vtop {vertical-align:top !important;}
	.solution_con .specList dl {padding:0 !important;}



/************************** 커뮤니케이션 ****************************/
	.inquiry_table{width:100%; border-collapse:separate; border-spacing:0px; border-top:2px solid #333; border-left:1px solid #ddd; border-right:1px solid #ddd;}
	.inquiry_table th{color:#333; font-weight:normal; text-align:left; padding:15px; border-bottom:1px solid #ddd;letter-spacing:-0.5pt; background:#f9f9f9;}
	.inquiry_table th span{color:#e51d28;}
	.inquiry_table td{border-bottom:1px solid #ddd; padding:10px; text-align:left;}
	.inquiry_table td .sub_txt{text-align:left; font-size:15px;}

	.inquiry_table td input[size='50']{width:80%;}
	.inquiry_table td input[size='30']{width:50%;}
	.inquiry_table td input[size='4']{width:15%;}
	.inquiry_table td select{width:15%;}
	.inquiry_table td input[size='15']{width:20%;}
	.inquiry_table td .norobot{padding:4px;}

	.inquiry_table td input[type="file"]{height:auto; padding:11px 5px; text-indent:0; border:0;}

	.inquiry_table td label{display:inline-block;}
	input[type="radio"]{width:20px; height:20px; vertical-align:middle; border:none; margin:-1px 5px 0 0;}
	input[type="radio"]:checked{background: #E9ECEE; border-color:#adb8c0;}

	/* 문의하기_완료 */
	.inquiry_complete{position:relative; display:block; padding:70px 0; text-align:center; background:#f8f8f8; font-weight:500;}

	
	/** 파일첨부 **/
	.form-flex {display:table;}
	.form-flex-cell {display:table-cell; vertical-align:middle;}
	.form-flex-cell + .form-flex-cell {padding-left:8px;}
	.form-flex-cell + .btn-confirm {display:table-cell;}
	.form-flex-cell.type-auto {width:1px; white-space:nowrap;}
	.form-flex.type-full {width:100%;}

	.ui-file-block {display: block; position: relative; padding-right: 128px; box-sizing: border-box; width: 100%; z-index: 0;}
	.ui-file-block .btn-style {position: absolute; top: 0; right: 0; width: 120px; }
	.ui-file-block .input-file {display: block; z-index: 5; overflow: hidden; color: transparent; border: 0; padding: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); background: none; position: absolute; width: 100%; height: 100%; margin: 0; top: 0; left: 0;}
	.ui-file-block .file-name {opacity: 1; -ms-filter: none; filter: none; color: #262626; background-color: #fff;}

	.ui-input.type-long{width:440px;}
	.ui-input {display:block; margin:0; border:1px solid #e1e1e1; padding:9px 15px; font-size:16px; line-height:20px; box-sizing:border-box; width:100%; height:46px; background:#fff; word-break:keep-all; word-wrap:break-word;}
	.ui-input:focus {border-color:#959595;}

	.ui-input.type-long2{}

.input-file+label.btn-style {z-index:10;}
.btn-style {width:auto; min-width:120px;}
.btn-style {padding-top:9px; padding-bottom:9px; width:120px;}
.btn-style {display:block; width:100%; height:auto; box-sizing:border-box; border:1px solid #000; color:#000; padding:7px 10px; font-size:16px; line-height:30px; text-align:center;}
	



/************************** Why Dmdsf ****************************/
/******** 회사소개 ********/
	.recruit_con {}
	
	.about_icon {position:relative; overflow:hidden; text-align:center; padding:75px 0 145px 0}
	.about_icon dl {display:inline-block; margin:0 2%; box-sizing:border-box;}
	.about_icon dl:first-child {margin-left:0}
	.about_icon dl:last-child {margin-right:0}
	.about_icon dt {margin-bottom:27px;}
	.about_icon dd {}

	.aboutBg {background:url("../images/content/company_bg_01.jpg") center center/cover no-repeat; padding:250px 3%; margin-bottom:-100px; box-sizing:border-box; text-align:center;}
	.aboutBg .sub_sstitle {opacity:0.8}
	.aboutBg .sub_stitle {margin:25px 0 0px 0}

	.certification{padding:0px;}
	.certification ul{overflow:hidden; clear:both; padding:0px 0 0;}
	.certification li{width:30%; margin:0 4% 4% 0; float:left; background:#fff; box-sizing:border-box; padding:0px; border:1px solid #ddd;}
	.certification li img{width:100%; height:auto;}
	.certification li:nth-child(3){margin-right:0px;}
	.certification li:last-child{margin-right:0px;}
	.certification li dt{text-align:center; font-size:20px; color:#222; letter-spacing:-0.35pt; border-bottom:1px solid #ddd; padding:23px 0 18px;}
	.certification li dd{padding:20px 10px 0}
	.certification li:last-child{margin-right:0;}



/* 연혁 */
.aboutCont_history{background:url('/about/img/history_bg.jpg') no-repeat center; background-size:cover; padding:120px 0;}


/************************** 자료실 ****************************/
/******** 고객포털 ********/
.portal_con {background:url('/data/img/portalBg.jpg') center center/cover no-repeat; padding:150px 3% 130px 3%; box-sizing:border-box;}
.portal_con .sub_stitle {margin:0;}
.portal_con .sub_txt {margin:20px 0 50px 0;}
.portal_con .sub_btn {margin-top:0;}




/************************** 고객문의 ****************************/
/******** 문의/연락처 ********/
.contact_con {}
.contact_con .table_style2 p.tel {background:url('/contact/img/tel.png') left center no-repeat; padding:5px 0 5px 40px; box-sizing:Border-box;}
.contact_con .table_style2 p.mail {background:url('/contact/img/mail.png') left center no-repeat; padding:5px 0 5px 40px; box-sizing:Border-box;}

.contact_con .table_style2.one p.tel {display:inline-block; vertical-align:top; width:200px;}
.contact_con .table_style2.one p.mail {display:inline-block; vertical-align:top;}



/******** 오시는 길 ********/
.location_con {}
.location_con.print .loca_info {margin-top:30px !important;}

.location_con .sub_txt {}
.location_con .loca_info {text-align:center; margin:80px 0 40px 0;}
.location_con .loca_info p {display:inline-block; background:url("../images/content/location_loca.png") left top no-repeat; padding:1px 0 1px 35px; margin:0 50px 0 0; font-weight:400; color:#777;}
.location_con .loca_info p:nth-child(2) {background-image:url("../images/content/location_tel.png");}
.location_con .loca_info p:last-child {background-image:url("../images/content/location_fax.png"); margin:0px;}

.location_con .map {position:relative; overflow:hidden;}
.location_con .map .root_daum_roughmap .wrap_map {height:500px !important;}
.root_daum_roughmap .wrap_controllers {display:none;}
.location_con .map .mapBtn {position:absolute; bottom:0; right:0; z-index:99;}
.location_con .map .mapBtn a {display:block; float:left; width:64px; height:64px; background:#7f7f7f url('/contact/img/printBtn.png') center center no-repeat; transition: all 0.3s ease-out;}
.location_con .map .mapBtn a.detailBtn {background-color:#0e4194; background-image:url('/contact/img/detailBtn.png');}

.location_con .map .mapBtn a:hover {background-color:#666; transition: all 0.3s ease-out;}
.location_con .map .mapBtn a.detailBtn:hover {background-color:#0a3273;}

.location_con .loca_way {position:Relative;}
.location_con .loca_way dl {display:table; width:100%; border:1px solid #ddd; border-top:none; padding:40px; box-sizing:border-box;}
.location_con .loca_way dt {font-weight:700; margin:0; padding:3px 0 0 40px; background:url("../images/content/map_car.png") left top no-repeat; display:table-cell; vertical-align:top; width:220px; box-sizing:border-box;}
.location_con .loca_way dd {display:table-cell; width:calc(100% - 220px); box-sizing:border-box; vertical-align:top;}
.location_con .loca_way dd p {position:relative; line-height:24px; letter-spacing:-0.5pt; padding:0 0 9px 32px;}
.location_con .loca_way dd p:last-child {padding-bottom:0;}
.location_con .loca_way dd p span.num {display:inline-block; font-size:13px; font-weight:700; color:#fff; background:#999; border-radius:50%; width:24px; height:24px; line-height:inherit; position:absolute; top:0; left:0; text-align:center;}
.location_con .loca_way dd p strong {display:inline-block; line-height:inherit; letter-spacing:inherit; font-weight:400; color:#333;}
.location_con .loca_way dd span.subway_line_1 {display:inline-block; line-height:100%; padding:5px 10px; border-radius:24px; color:#fff; backgrounD:#697215; font-size:13px; letter-spacing:-0.5pt; position:absolute; top:0; left:0;}
.location_con .loca_way dd span.subway_line_2 {display:inline-block; line-height:100%; padding:5px 10px; border-radius:24px; color:#fff; backgrounD:#263c96; font-size:13px; letter-spacing:-0.5pt; position:absolute; top:0; left:0;}

.location_con .loca_way dl.car dd p {padding-left:275px;}
.location_con .loca_way dl.car dd p strong {position:absolute; left:32px; top:0;}

.location_con .loca_way dl.subway dt {background-image:url("../images/content/map_subway.png");}
.location_con .loca_way dl.subway dd p {padding-left:68px;}
.location_con .loca_way dl.bus dt {background-image:url("../images/content/map_bus.png");}



/***** login_회원가입 *****/
.account-wrapper {}
.account-wrapper {/*position:absolute;*/ display:table; width:100%; height:100%;}
.account-wrapper .wrap_inner {margin:auto; display:table-cell; vertical-align:middle; padding-top:15px; padding-bottom:15px;}
.account-wrapper .wrap_inner {margin:0px auto; color:#555; white-space:normal; word-wrap:break-word;}
.account-wrapper .wrap-form {max-width:400px;}
.account-wrapper .wrap-form {margin:0px auto; position:relative;}
.account-wrapper * {font-size:13px; -webkit-text-size-adjust:none;}
.account-wrapper .wrap-form .group-field {position:relative; margin-bottom:8.33333px !important;}
.account-wrapper .wrap-form .group-field .input-group {text-align:left; height:inherit; margin-bottom:20px;}
.account-wrapper .button-normal.larger {padding:8.5px 50px; font-size:1.14286em; font-weight:bold; line-height:35px;}
.account-wrapper .button-normal.larger a{color:#fff; display:inline-block;}
.account-wrapper .button-icon, .account-wrapper .button-normal {vertical-align:middle; cursor:pointer; transition:background 250ms ease-in-out, border 250ms ease-in-out, transform 150ms ease; -webkit-appearance:none; -moz-appearance:none; text-decoration:none;}
.account-wrapper .button-normal {/*border-radius:100px;*/ padding:8.33333px 25px; border:1px solid #dd4a1d; font-size:1.14286em; line-height:1em; color:#fff; background-color:#dd4a1d; text-decoration:none; min-height:50px; white-space:nowrap;}
.account-wrapper .button-normal a{color:#fff; font-size:1.14286em;}
.account-wrapper button {font-family:inherit;}
.account-wrapper .wp100, .account-wrapper .wrap-form .group-field .input-group.button-group > div button {width:100% !important;}

.captcha-hidden {display:none;}
.account-wrapper .ico {text-indent:-50000px; position:relative; margin:0; display:-moz-inline-stack; display:inline-block; text-decoration:none; border:0;}
.account-wrapper .ico * {vertical-align:middle;}
.account-wrapper .ico.visible-eye-on {background:url("../images/content/ico-eye-on.png") top left no-repeat !important; width:25px; height:25px; background-position:center center !important;}
.account-wrapper .ico.visible-eye-off {background:url("../images/content/ico-eye-off.png") top left no-repeat !important; width:25px; height:25px;}

.account-wrapper input[type=text], .account-wrapper input[type=password], .account-wrapper input[type=tel], .account-wrapper input[type=date], .account-wrapper input[type=email] {
    box-sizing:border-box;
    display: block;
    width: 100%;
    background-color: #fff;
    border-radius: 100px;
    line-height: 50px;
    color: #555;
    border: 1px solid #d5d5d5;
    padding: 0 20px;
    height: 50px;
    font-size: 1.14286em;
    appearance: none;
    -webkit-appearance: none;
}
.account-wrapper input[type='radio'] {overflow:hidden; position:absolute; left:-50000px; width:1px; height:1px;}
.account-wrapper input[type='radio'] + label {
	position:relative; 
	display:inline-block; 
	padding-left:35px; 
	padding-right:20px; 
	vertical-align:middle; 
	line-height:30px; 
	height:30px; 
	margin-top:0px !important; 
	vertical-align:middle;       
	background: url("../images/content/img-radio.png") left center no-repeat; 
	background-size:24px; 
	color:#333; 
	cursor:pointer; 
	-webkit-transition:all 0.25s linear; 
	-webkit-touch-callout:none; 
	-webkit-user-select:none; 
	-khtml-user-select:none;       
	-moz-user-select:none; 
	-ms-user-select: none;
}
.account-wrapper input[type='radio']:focus + label:after {
	content:''; 
	position:absolute; 
	left:0px; 
	top:50%; 
	margin-top:-12px; 
	width:24px; 
	height:24px; 
	border-radius:50%; 
	box-shadow:1px 1px 2px #17d0f2, -1px 1px 2px #17d0f2, 1px -1px 2px #17d0f2, -1px -1px 2px #17d0f2;
}
.account-wrapper input[type='radio']:checked + label:before {
	content:''; 
	display:inline-block; 
	-webkit-transition:border 0.25s linear; 
	background:url("../images/content/img-radio-active.png") center center no-repeat; 
	background-size:10px 10px;  
	width:10px; 
	height:10px; 
	left:7px; 
	top:50%; 
	position:absolute; 
	margin-top:-5px;
}

.account-wrapper .checks {position:relative;}
.account-wrapper .checks input[type='checkbox'] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0;}
.account-wrapper .checks input[type='checkbox']:disabled + label:before {cursor:default;}
.account-wrapper .checks input[type='checkbox']:focus + label:before {content:''; box-shadow:1px 1px 2px #17d0f2, -1px 1px 2px #17d0f2, 1px -1px 2px #17d0f2, -1px -1px 2px #17d0f2;}
.account-wrapper .checks input[type='checkbox']:checked + label:before {content:''; background-position:0 100%;}
.account-wrapper .checks input[type='checkbox'] + label {display:inline-flex; flex-direction:column; justify-content:center; position:relative; box-sizing:border-box; min-height:24px; padding-left:24px; line-height:1.4em; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;}
.account-wrapper .checks input[type='checkbox'] + label:before {content:''; position:absolute; color:#333; box-sizing:border-box; pointer-events:none; top:0; left:0; width:24px; height:24px; line-height:25px;
	text-align:center; border:1px solid #d5d5d5; border-radius:4.16667px; background-color:#fff; background-image:url("../images/content/ico-check.svg"); background-repeat:no-repeat; background-position:0 0; background-size:100% auto;}


.account-wrapper label {font-weight:normal; vertical-align:middle; color:#333;}
.account-wrapper label.css-label {-webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none;}

.account-wrapper .wrap-form .group-field .input-group {text-align:left; height:inherit;}
.account-wrapper .wrap-form .group-field .input-group small {display:block; margin-left:8.33333px;}
.account-wrapper a.gray-link:link {color:#666; border-bottom:1px solid #666; padding-bottom:1px; line-height:1.2em; font-size:1em;}
.account-wrapper a.primary-link:link, .account-wrapper a.link:link {color:#dd4a1d; border-bottom:1px solid #dd4a1d; padding-bottom:1px; line-height:1.2em; }
.account-wrapper a:link {color:#333; text-decoration:none;}
.account-wrapper .p-right, .account-wrapper .wrap-form .group-field .input-group .type-bordered {float:right !important; display:inline-block;}
.account-wrapper .mt10, .account-wrapper .validation-check, .account-wrapper .wrap-form .group-field .input-group .option-element, .account-wrapper .wrap-form .group-field .input-group button {margin-top:10px !important; }

.account-wrapper .hr-line {border-top:1px solid #b1b1b1; padding-top:20px;}
.account-wrapper .mb10 {margin-bottom:10px !important; }
.account-wrapper .mt20 {margin-top:20px !important; }
.account-wrapper .mt30 {margin-top:30px !important; }

.account-wrapper .mb20, .account-wrapper .sequence-account, .account-wrapper .wrap-form .table-style {margin-bottom:20px !important;}


/***** sns_login *****/
.sns_button {box-sizing:border-box; position:relative; border:1px solid transparent; display:block; width:100%; padding:11px 8px; font-size:16px; text-align:left; padding-left:60px;
  color:#333; cursor:pointer; background-color:#fff; transition:border-color 0.3s, background-color 0.3s;}
.sns_button:before {position:absolute; top:50%; left:8px; content:''; width:30px;  height:30px; text-indent:-50000px; margin-top:-15px; display:-moz-inline-stack; display:inline-block; text-decoration:none; border:0; background-repeat:no-repeat; background-position:50% 50%; background-size:contain;}
.sns_button:focus {z-index:1; outline:none; box-shadow:1px 0 2px #17d0f2, -1px 0 2px #17d0f2, 0 -1px 2px #17d0f2, 0 1px 2px #17d0f2;}
.sns_button:active {background-color:#f1f1f1;}
.sns_button > span {position:relative; font-size:inherit;}
.sns_button.sns_list {border-radius:5px; border-color:#b6b6b6; font-size:16px; font-weight:500;}
.sns_button.sns_list + .sns_button.sns_list {margin-top:10px;}
.sns_button.sns_list:hover {background-color:#fafafa; border-color:#9d9d9d;}
.sns_button.sns_list:active {background-color:#ececec;}

.sns_button.type_kakao:before {background-image:url("../images/content/ico_kakao.png");}
.sns_button.type_naver:before {background-image:url("../images/content/ico_naver.png");}
.sns_button.type_facebook:before {background-image:url("../images/content/ico_facebook.png");}

.o-auth-wrapper {border-radius:5px; margin-top:5px;}

.account-wrapper .sequence-account {text-align:center;}
.account-wrapper .sequence-account ul {margin-bottom:1em; display:inline-block;}
.account-wrapper .sequence-account li {display:inline-block; float:left; width:26.66667px; height:26.66667px; padding-right:61.66667px;}
.account-wrapper .sequence-account li:last-child {padding-right:0px;}
.account-wrapper .sequence-account li.first.active span {background:url("../images/content/ico_terms_01_on.png");}
.account-wrapper .sequence-account li.first span {background: url("../images/content/ico_terms_01_off.png");}
.account-wrapper .sequence-account li.second.active span {background: url("../images/content/ico_terms_02_on.png");}
.account-wrapper .sequence-account li.second span {background:url("../images/content/ico_terms_02_off.png");}
.account-wrapper .sequence-account li.third.active span {background: url("../images/content/ico_terms_03_on.png");}
.account-wrapper .sequence-account li.third span {background: url("../images/content/ico_terms_03_off.png");}
.account-wrapper .sequence-account li span {display:inline-block; text-indent:-5000px; width:32px; height:32px;}

.account-wrapper fieldset {width:100%; display:block;}
.account-wrapper .wrap-form .group-field.mb50 {margin-bottom:61.66667px !important;}
.account-wrapper .txt-primary {color:#dd4a1d;}

.account-wrapper .filebox {display:inline-block; margin-top:10.83333px; margin-bottom:10.83333px;}
.account-wrapper .filebox input[type='file'] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0;}
.account-wrapper .gray-box {color:#555; border:1px solid #d5d5d5; padding:10px 20px; border-radius:5px; margin-top:5px; line-height:1.4em; background-color:#f3f3f3;}
.account-wrapper .hr-line {border-top:1px solid #b1b1b1; padding-top:12.5px;}
.account-wrapper .hr-line span {display:inline-block; color:#666;}
.account-wrapper .accordion {/*cursor:pointer;*/ width:100%; border:1px solid #d5d5d5; background:#fff; text-align:left; outline:none; transition:0.4s; padding:13.33333px 12.5px; position:relative; text-overflow:ellipsis; white-space:nowrap;    overflow:hidden; padding-right:60px;}
.account-wrapper .accordion:after {display:inline-block; content:''; position:absolute;}
.account-wrapper .accordion.active:after {display:inline-block; content:'';}
.account-wrapper .accordion + .panel {margin-top:-1px; background-color:white; overflow:hidden; padding:12.5px; font-size:1.14286em; border-left:1px solid #d5d5d5; border-right: 1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; overflow-y:auto;  height:208.33333px; position:relative;}
.account-wrapper .accordion + .panel .wrap.static-long-page .container-row > div {margin-bottom:12.5px;}
.account-wrapper .accordion + .panel .wrap.static-long-page .container-row h3 {margin-bottom:12.5px; font-size:13px;}


.account-wrapper .wrap-form .group-field .input-group.button-group {text-align:left;}
.account-wrapper .wrap-form .group-field .input-group.button-group > div {display:inline-block; }
.account-wrapper .wrap-form .group-field .input-group.button-group > div:first-child {margin-right:8.33333px;}
.account-wrapper .color-gray {color:#fff; background-color:#b1b1b1; border-color:#b1b1b1; }
.account-wrapper .color-gray a:link{color:#fff;}

.account-wrapper .wrap_inner .page-title {font-weight:bold; font-size:1.14286em;}
.account-wrapper .input-group-label label.mendantory, .account-wrapper .wrap_inner .page-title {padding-left:8.33333px; position:relative;}
.account-wrapper .input-group-label label.mendantory::after, .account-wrapper .wrap_inner .page-title::after {content:"*"; display:inline-block; font-size:inherit; position:absolute; left:0px; color:#d01533; top:50%; margin-top:-5px;}

.account-wrapper .wrap-form .group-field .input-group-label {text-align:left; left:0px; min-height:20.5px; margin-bottom:10px; display:table; width:100px;}
.account-wrapper .wrap-form .group-field .input-group-label label {display:table-cell; word-break:break-all; text-overflow:unset; white-space:nowrap; font-weight:bold;}
.account-wrapper .wrap-form .group-field .input-group-label + .input-group {display:block;}

.account-wrapper .mt10, .account-wrapper .validation-check, .account-wrapper .wrap-form .group-field .input-group .option-element, .account-wrapper .wrap-form .group-field .input-group button {margin-top:10px !important;}

.account-wrapper .validation-check li {font-size:1.14286em; line-height:1.6em; margin-bottom:4.16667px; display:block; position:relative; padding-left:20.83333px;}
.account-wrapper .validation-check li i {position:absolute; top:4.16667px; left:0px;}

.account-wrapper .ico {text-indent:-50000px; position:relative; margin:0; display:-moz-inline-stack; display:inline-block; text-decoration:none; border:0;}
.account-wrapper .ico * {vertical-align:middle;}
.account-wrapper .ico.check-small {width:17px; height:17px; background-image:url("../images/content/ico-check.svg"); background-repeat:no-repeat; background-position:0 100%; background-size:100% auto;}
.account-wrapper .ico.check-small.disabled {background-position:0 0;}

.account-wrapper .wrap_inner .page-description {text-align:left; margin-bottom:20px;}
.account-wrapper .wrap_inner .page-description p {text-align:left; color:#333; font-size:1.14286em; line-height:1.4em;}
.account-wrapper .wrap_inner .page-description p b {font-size:inherit;}




/* 준비중페이지 */
.ready_con {background:#f9f9f9; text-align:center; padding:15% 3%; box-sizing:border-box; max-width:1280px; margin:0 auto;}
.ready_con dt {font-weight:600; letter-spacing:0; font-size:30px; color:#666;}
.ready_con dt span {}
.ready_con dd {font-size:16px; letter-spacing:-0.5pt; margin-top:15px;}



/***** 이용약관, 개인정보취급방침 *****/
.policy_con{position:relative; overflow:hidden;}
.cont_title{font-size:24px; color:#333; padding-bottom:18px; letter-spacing:-1.2pt; font-weight:600;}
p.cont_tit {display:block; font-size:1.2em !important; padding-bottom:10px; font-weight:600; color:#333 !important;}
.cont_txt {padding:0px 0px 35px 0;}
.cont_txt2 {padding-bottom:35px;}
.cont_box {border:1px soild #a0a0a0; padding:20px; background:#f4f4f4; margin:7px 0px 10px 0px; display:block;}

.privacy_list {width:100%; overflow:hidden; clear:both; *zoom:1; padding:4% 4% 3% 4%; border:1px dashed #ddd; margin-bottom:30px;}
.privacy_list li {width:49%; float:left; padding-bottom:1%;}
.privacy_list li a {font-weight:bold;} 

.privacy_list strong{font-weight:bold;}



/*******************************************************************************
	@media 1500px
*******************************************************************************/
@media all and (max-width:1500px){

}



/*******************************************************************************
	@media 1024px~1310px
*******************************************************************************/
@media all and (max-width:1310px){

	.lnb {width:96%;}
	.depth{width:96%;}


	/* 공통 css */
	.tbpad_120 {padding:120px 3% !important; box-sizing:border-box;}
	.tbpad_120 .sub_con {padding:0;}
	.bpad0 {padding-bottom:0 !important;}
	.sub_con {width:100%; padding:0 3% 50px; box-sizing:border-box;}
	.wid_1280 {width:100%; padding:0 3%; box-sizing:border-box}
	.wid_1310 {width:100%; padding-left:2% !important; padding-right:2% !important; box-sizing:border-box;}
	
	.dot p br {display:none;}
	
	.business_Img {padding-left:3%; padding-right:3%; box-sizing:border-box;}

	
	
	/************************** 사업소개 ****************************/
	/* Smart Factory */
	/* 제품주요특징 */
	.effect_In dt {width:150px;}
	.effect_In dd {width:calc(100% - 150px);}
	.effect_In dd h6 {}

	/* 제품주요기능 */
	.function_Box.two dl {height:265px;}
	.function_Box.two dd h6 span {display:inline-block; margin-bottom:0;}
	
	/* 제품주요특징 */
	.specList {height:445px;}
	.specList dd .sub_stxt > br {display:none;}
	
	/* 도입효과 */
	.effectBox.two dd .sub_sstitle br {display:none;}
	.effectBox.two dd {height:300px; padding:30px;}
	.effectBox.two .sub_sstitle br {display:none;}
	
	
	
	
	
	/************************** 회사소개 ****************************/
	/******** 회사소개 ********/
	.about_cont .table_style2 th, .about_cont .table_style2 td{font-size:15px;}
	.about_cont .table_style2 th br, .about_cont .table_style2 td br{display:none;}
	
	/* 회사소개 */
	.aboutCont_in{padding-bottom:120px;}
	
		
	/******** 인재채용 ********/
	/* 인재상 */
	.recruit_con {}
	.about_icon {padding:55px 3% 100px 3% !important;}
	.about_icon dl {display:block; float:left; width:25%; margin:0; padding:0 2%;}
	.about_icon dd br {display:none;}
	
	/************ Slick 슬릭 롤링************/
	.rollingImg .rollingIn {padding:0 3%;}
	.rollingIn .slick-arrow {left:0;}
	.rollingIn .slick-next {left:auto; right:0;}
}




/*******************************************************************************
	@media 980~1024px
*******************************************************************************/
@media all and (max-width:1024px){
}




/*******************************************************************************
	@media 768~980px
*******************************************************************************/
@media all and (max-width:980px){
	
	#visual{height:410px; box-sizing:border-box;}
	#visual .subtop{height:410px; background-size:auto 316px;}
	
	#visual h2{top:48%; font-size:45px;} 
	#visual h2 p{font-size:20px; padding:0 0 13px 0;}
	
	#visual.subtop_none {height:480px;}
	#visual.subtop_none h2 .page_txt {margin-top:30px; font-size:15px;}
	#visual.subtop_none h2 .page_txt br {display:none;}
	
	.lnb {top:-35px;}
	.lnb ul.five li{width:50%;}
	.lnb ul.five li:nth-child(1), .lnb ul.five li:nth-child(2), .lnb ul.five li:nth-child(3){width:33.3333333333333%; border-bottom:1px solid #eee;}
	.lnb li a{font-size:15px; color:#777; height:70px; padding:23px 0;}

	.depth li{padding:0 10px;}
	.depth li a{font-size:15px; line-height:35px;}
	
	
	
	/* 공통 css */
	#contents .contentArea {padding:50px 0 50px 0; margin-bottom:-50px;}
	#contents h3.title {font-size:34px;}
	#contents h3.title:after {height:2px; width:30px; margin:30px auto;}
	#contents h3.title.noline {margin-bottom:25px;}
	
	.sub_title {font-size:30px; margin:0 auto 20px auto;}
	.sub_title2 {font-weight:300; color:#333; font-size:35px; line-height:130%; letter-spacing:-1pt; text-align:center; margin:0 auto 25px auto}
	.sub_title2 span {line-height:inherit; letter-spacing:inherit;}
	.sub_stitle {font-size:24px; margin-bottom:40px;}
	.sub_stitle2 {font-size:22px; margin-bottom:10px;}
	.sub_stitle3 {font-size:20px; margin-bottom:10px;}
	.sub_sstitle {font-size:17px; margin-bottom:12px;}
	.sub_sstitle2 {font-size:17px;}
	.sub_txt {font-size:15px;} 
	
	.br_txt {line-height:45px; width:60%; margin:20px auto 0 auto;}
	
	.dot p {padding:0 0 5px 10px;}
	
	.tpad50 {padding-top:30px;}
	.tpad60 {padding-top:50px;}
	.tpad70 {padding-top:50px;}
	.tbpad_120 {padding:80px 3% !important;}
	.bpad0 {padding-bottom:0 !important;}
	.tpad100 {padding-top:80px;}
	
	.tmar50 {margin-top:30px !important;}
	
	.table_remark {display:block;}
	.table_width {width:100%; overflow-x:scroll;}
	.table_width > .table_style {width:980px;}
	.table_style th {padding:15px;}
	.table_style td {padding:12px;}

	.table_width > .table_style2 {width:980px;}
	.table_style2 th {padding:15px;}
	.table_style2 td {padding:12px;}

	.table_style2 thead th {padding:15px;}
	.table_style2 tbody th {padding:12px;}



	/* 버튼 */
	.sub_btn {margin:50px auto 0 auto;}
	.sub_btn a {margin-right:10px; font-size:15px;  padding:0 10px; width:230px; line-height:60px; background-position:right 25px center; background-size:18px auto;}
	.sub_btn a.inquiry {background-size:25px auto;}

	.sub_btn.f_edu a {width:320px;}

	.sub_btn.recruit4 {margin:30px auto 0 auto;}

	
	
	

	/************************** 회사소개 ****************************/
	/******** 회사소개 ********/
	.about_cont .table_style2 th, .about_cont .table_style2 td{font-size:14px; padding:20px;}
	.about_cont .table_style2 th{width:30% !important;}
	
	/* 회사소개 */
	.aboutCont_in{padding-bottom:80px; background-size:40% auto; background-position:right 3% bottom 40px;}
	.aboutCont_in .sub_txt br{display:none;}
	.aboutCont_in ul{ margin:34px 15% 10px; overflow:hidden; clear:both;}
	.aboutCont_in ul li{display:block; float:left; width:33.3333%; margin:0 0 30px;}
	.aboutCont_in ul li img{display:block; margin:0 auto 10px;}
	.aboutCont_in table{margin:0; width:100%;}

	/* 연혁 */
	.aboutCont_history{padding:80px 0;}


	/******** 회사소개 ********/
	.about_con {}
	.about_icon {padding:35px 3% 80px 3% !important; text-align:left;}
	.about_icon dl {display:table; width:100%; padding:0; margin-bottom:20px;}
	.about_icon dl:last-child {margin-bottom:0;}
	.about_icon dt {width:120px; margin:0; display:table-cell; vertical-align:middle; text-align:center;}
	.about_icon dt img {width:100%;}
	.about_icon dd {width:calc(100% - 120px); display:table-cell; vertical-align:middle; box-sizing:border-box; padding-left:20px; text-align:left;}
	.about_icon dd h6 {text-align:left;}
	.about_icon dd p {text-align:left;}

	.aboutBg {padding:80px 3%; margin-bottom:-30px;}
	.aboutBg .sub_stitle {margin:15px 0 30px 0;}

	/*.certification{ padding:80px 0 25px;}
	.certification ul{padding:90px 0 0;}
	.certification li{width:49%; margin:0 2% 55px 0; height:280px; padding:0 25px;}
	.certification li:nth-child(2n){margin-right:0;}
	.certification li img{margin:-35px auto 0; width:70px;}
	.certification li dt{ font-size:19px; padding:15px 0 13px;}
	.certification li dd{padding:15px 5px 0;}
	.certification li:last-child{margin-right:0;}

	

	/************************** 자료실 ****************************/
	/******** 고객포털 ********/
	.portal_con {padding:100px 3% 70px 3%;}
	.portal_con .sub_txt {margin:15px 0 40px 0;}

	
	

	/************************** 고객문의 ****************************/
	/******** 문의/연락처 ********/
	.contact_con .table_style2.one p.tel {width:150px;}

	.contact_con .table_style2 p.tel {background-size:25px auto; padding:3px 0 3px 32px;}
	.contact_con .table_style2 p.mail {background-size:25px auto; padding:3px 0 3px 32px;}


	/******** 오시는 길 ********/
	.location_con {padding-bottom:50px;}
	.location_con .loca_info {margin:40px 0 20px 0;}
	.location_con .loca_info p {background-size:25px auto; padding:1px 0 1px 32px; margin:0 2% 0 0;}

	.location_con .map .root_daum_roughmap .wrap_map {height:400px !important;}
	.location_con .map .mapBtn a {width:45px; height:45px; background-size:auto 18px;}

	.location_con .loca_way dl {padding:30px;}
	.location_con .loca_way dt {background-size:20px auto; width:180px; padding:0 0 0 30px;}
	.location_con .loca_way dd {width:calc(100% - 180px);}
	.location_con .loca_way dd p {line-height:20px; padding:0 0 9px 28px;}
	.location_con .loca_way dd p span.num {font-size:10px; width:20px; height:20px; top:1px;}
	.location_con .loca_way dl.car dd p {padding:26px 0 10px 28px;}
	.location_con .loca_way dl.car dd p:last-child {padding-bottom:0;}
	.location_con .loca_way dl.car dd p strong {left:28px;}




	/************************** 사업소개 ****************************/
	/******** 블록체인 ********/
	/* 인트로 */
	.contentArea .intro_con {margin:-200px auto 0 auto;}
	.intro_con dl a {padding:80px 1%; height:290px;}
	.intro_con dd {font-size:22px; margin-bottom:45px;}
	.intro_con dd p {font-size:15px;}
	.intro_con dd p.stxt {font-size:15px;}
	.intro_con dt {background-size:25px auto; bottom:80px;}
	.intro_con dt i {width:27px; height:19px; margin:0 0 2px 12px;}


	/* 블록체인 플랫폼 */

	/* 제품주요기능 */
	.function_Box {margin-top:80px;}
	.function_Box dl {float:none; width:100%; margin:0 0 10px 0; height:auto;}
	.function_Box dl:last-child {margin-bottom:0;}
	.function_Box dt {width:160px !important;}
	.function_Box dt img {height:60px;}
	.function_Box dd {padding:30px 3%; width:calc(100% - 160px) !important;}
	
	.function_Box2 {margin-top:80px;}
	.function_Box2 dl {float:left; width:48.5%; margin:0 3% 10px 0; height:auto; padding:20px 0;}
	.function_Box2 dl:nth-child(2),.function_Box2 dl:nth-child(4) {margin-right:0;}
	.function_Box2 dl:last-child {margin-bottom:0;}
	.function_Box2 dt {width:160px !important;}
	.function_Box2 dt img {height:60px;}
	.function_Box2 dd {padding:30px 3%; width:calc(100% - 160px) !important;}
	
	.function_Box3 dl {height:auto; width:100%; margin:2.34% auto 0; box-sizing:border-box; display:table; background:#fff; padding:20px 0;}
	.function_Box3 dl:nth-child(2), .function_Box3 dl:nth-child(3){margin-top:2.34%}
	.function_Box3 dt {display:table-cell; vertical-align:middle; width:32%; box-sizing:border-box; text-align:center; margin-bottom:0;}
	.function_Box3 dt img {display:block; margin:0 auto 15px auto;}
	.function_Box3 dt img {display:block; margin:0 auto 15px auto;}
	
	.function_Box4 {margin-top:80px;}
	.function_Box4 dl {float:none; width:100%; margin:0 0 10px 0; height:auto; padding:20px 0;}
	.function_Box4 dl:last-child {margin-bottom:0;}
	.function_Box4 dt {width:160px !important;}
	.function_Box4 dt img {height:60px;}
	

	/* 제품주요특징 */
	.effect_In > div {float:none; width:100%;}
	.effect_In .effect_Img {height:300px;}
	.effect_In dl {border:1px solid #ddd; border-top:none; height:auto; padding:30px 0 !important;}
	.effect_In dt {width:130px;}
	.effect_In dt img {width:80px;}
	.effect_In dd {width:calc(100% - 130px);}
	
	.effect_In2 > div {float:none; width:100%;}
	.effect_In2 .effect_Img2 {height:300px;}
	.effect_In2 dl {border:1px solid #ddd; border-top:none; height:auto; padding:30px 0 !important;}
	.effect_In2 dt {width:130px;}
	.effect_In2 dt img {width:80px;}
	.effect_In2 dd {width:calc(100% - 130px);}
	
	.effect_In3 > div {float:none; width:100%;}
	.effect_In3 .effect_Img3 {height:300px;}
	.effect_In3 dl {border:1px solid #ddd; border-top:none; height:auto; padding:30px 0 !important;}
	.effect_In3 dt {width:130px;}
	.effect_In3 dt img {width:80px;}
	.effect_In3 dd {width:calc(100% - 130px);}

	.effect_Box.two .effect_In dl {padding:0 !important;}


	/* 도입효과 */
	.effectIn dl {width:100%; float:none; margin:0 0 30px 0;}
	.effectIn dl:nth-child(2) {margin-top:0;}
	.effectIn dl:nth-child(3) {top:auto; margin-bottom:30px !important;}
	.effectIn dl:last-child {margin-bottom:0;}
	.effectIn dt {margin-bottom:25px;}
	.effectIn dt img {width:100%;}


	/* 제품주요기능 */
	.function_Box.two dl {height:auto !important;}
	.function_Box.two dd h6 span {display:inline-block; margin-bottom:0;}
	.function_Box.two dt {}


	/* 제품주요특징 */
	.solution_con .effect_In > div {width:100%; float:none; margin-bottom:25px;}
	.solution_con .effect_In > div:last-child {margin-bottom:0;}
	.effect_In > div h4 {width:80%; line-height:55px;}
	.specList {padding:60px 3% 35px 3%; height:auto; margin-top:-27px;}
	.specList dl {margin-bottom:20px;}
	.specList dt {width:80px;}
	.specList dd {width:calc(100% - 80px); padding:0 0 0 3%;}


	/* 도입효과 */
	.effectBox.two dd {height:340px; padding:20px;}
	


	/******** 아카데미 ********/
	/* 인트로 */
	.intro_con.academy {}
	.intro_con.academy dl {width:48.83%; margin:0 2.34% 2.34% 0;}
	.intro_con.academy dl:nth-child(2n) {margin-right:0;}
	.intro_con.academy dl a {padding:60px 1%;}
	.intro_con.academy dt {bottom:60px;}



	/************ Slick 슬릭 롤링************/
	.rollingImg .rollingIn {}
	.rollingImg .rollingIn li {margin:0 8px;}
	.rollingIn .slick-arrow {width:18px; height:15px;}

}





/*******************************************************************************
	@media 640~768px
*******************************************************************************/
@media all and (max-width:768px){

	/************************** 고객문의 ****************************/
	/******** 오시는 길 ********/
	.location_con {}
	.location_con .loca_info {margin:20px 0 15px 0; text-align:left;}
	.location_con .loca_info p {background-size:20px auto; padding:1px 0 1px 28px; display:block; margin:0 0 5px 0; text-align:left; background-position:3px;}
	.location_con .loca_info p:last-child {margin-bottom:0;}

}





/*******************************************************************************
	@media ~680px
*******************************************************************************/
@media all and (max-width:680px){
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{line-height:145%;}
body,html{font-size:13px; font-family:'SeoulNamsanM', 'NotoSansKR', sans-serif;}
table,th,td {font-size:13px;}
table caption {font-size:13px;}
tbody,tfoot,thead,tr,th,td {line-height:145%;}
.input_search {height:33px; width:125px; font-size:13px;}

	#visual{height:300px;}
	#visual .subtop{height:300px; background-position:center 65px; background-size:auto 235px;}

	#visual h2{top:45%; font-size:30px;} 
	#visual h2 p{font-size:18px; padding:0 0 8px 0;}

	#visual.subtop_none {height:auto; padding:120px 3% 50px 3%;}
	#visual.subtop_none h2 {top:auto;}
	#visual.subtop_none h2 .page_txt {margin-top:20px; font-size:13px;}

	.lnb {width:94%; top:-24px; box-shadow:rgba(0,0,0,.14) 3px 6px 10px;}
	.lnb ul.two li{width:50%;}
	.lnb ul.three li{width:33.3333333333333%;}
	.lnb ul.four li{width:50%;}
	.lnb ul.four li:nth-child(1), .lnb ul.four li:nth-child(2){border-bottom:1px solid #eee;}

	.lnb li a{font-size:13px; height:48px; padding:14px 0; line-height:135%;}


	.depth {width:100%; padding-top:15px; overflow:hidden;}
	.depth:after{position:absolute; display:block; content:""; overflow:hidden; right:0; top:0; width:45px; height:100%; z-index:999;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.9+0,1+100 */
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}
	.depth ul{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;
	display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;
	transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}
	.depth li {padding:0 8px;
	-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:100%;display:inline-block; -webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;}
	.depth li:first-child{padding:0 8px 0 4%;}
	.depth li:last-child{padding:0 40px 0 8px;}
	.depth li a{font-size:13px; font-weight:normal;  line-height:30px; height:30px;}



	/* 공통 css */
	#contents .contentArea {padding:30px 0 30px 0;}
	#contents h3.title {font-size:26px; margin-bottom:30px;}
	#contents h3.title:after {height:2px; width:30px; margin:25px auto;}
	#contents h3.title.noline {margin-bottom:15px;}

	.sub_title {font-size:24px; margin:0 auto 15px auto;}
	.sub_title2 {font-size:22px;}
	.sub_stitle {font-size:20px; margin-bottom:25px;}
	.sub_stitle2 {font-size:17px; margin-bottom:6px;}
	.sub_stitle3 {font-size:15px; margin-bottom:6px;}
	.sub_sstitle {font-size:14px; margin-bottom:6px;}
	.sub_sstitle2 {font-size:14px;}
	.sub_sstitle .wtxt {font-size:13px;}
	.sub_txt {font-size:13px;}
	.sub_txt br {display:none;}
	.sub_smalltxt {font-size:13px;}

	.br_txt {line-height:40px; width:80%; margin:10px auto 0 auto;}

	.dot p:after {width:3px; height:3px; top:8px;}

	.tpad50 {padding-top:20px;}
	.tpad60 {padding-top:30px;}
	.tpad70 {padding-top:30px;}
	.tbpad_120 {padding:50px 3% !important;}
	.bpad0 {padding-bottom:0 !important;}
	.tpad100 {padding-top:50px;}

	.tmar50 {margin-top:15px !important;}

	.table_width > .table_style {width:700px;}
	.table_style th {padding:12px;}
	.table_style td {padding:8px 12px;}
	.table_style .pc_v{display:none;}

	.table_width > .table_style2 {width:700px;}
	.table_style2 th {padding:12px;}
	.table_style2 td {padding:8px 12px;}


	/* 버튼 */
	.sub_btn {margin:30px auto 0 auto;}
	.sub_btn a {margin-right:2px; font-size:13px; padding:0 10px; width:200px; line-height:50px; background-position:right 12px center; background-size:12px auto;}
	.sub_btn a.inquiry {background-size:20px auto;}

	.sub_btn.f_edu a {width:250px;}



	/************************** 회사소개 ****************************/
	/******** 회사소개 ********/
	.about_cont .table_style2 th, .about_cont .table_style2 td{font-size:13px; padding:15px 13px;}
	.about_cont .table_style2 th{width:30% !important;}
	
	/* 회사소개 */
	.aboutCont_in{padding-bottom:50px; background-size:40% auto;}
	.aboutCont_in ul{ margin:28px 2% 10px; overflow:hidden; clear:both;}
	.aboutCont_in ul li{display:block; float:left; width:33.3333%; margin:0 0 30px;}
	.aboutCont_in ul li img{display:block; margin:0 auto 10px; height:32px;}
	.aboutCont_in table{margin:0; width:100%;}

	/* 연혁 */
	.aboutCont_history{padding:50px 0;}

	/* 기술력 */
	.aboutCont_tech{background:#f0f0f0; padding:50px 0;}
	.aboutCont_tech_bn dl{padding:30px 0; float:none; margin:0 0 2%; width:100%;}
	.aboutCont_tech_bn dl img{height:50px;}
	.aboutCont_tech_bn dl h6{font-size:15px; padding:15px 0 2px;}
	.aboutCont_tech_roll {width:100%; margin:0;}
	.aboutCont_tech_roll .roll dl{height:auto; margin:0; padding:0 0 25px; }
	.aboutCont_tech_roll .roll dd p{font-size:13px;}
	.aboutCont_tech_roll .slick-arrow{width:18px; height:15px;}
	.aboutCont_tech_roll .slick-prev{left:3%;}
	.aboutCont_tech_roll .slick-next{right:3%;}


	/* 고객사 */
	.aboutCont_client{padding-top:50px;}
	.aboutCont_client .sub_stitle{margin: 0 0 10px;}
	.aboutCont_client ul{margin:25px 0 1%;}
	.aboutCont_client li{width:32%;}
	.aboutCont_client li:nth-child(3n) {margin-right:0;}
	.aboutCont_client li:nth-child(5n) {margin-right:2%;}
	.aboutCont_client li:last-child{display:none;}
	.aboutCont_client li img{display:block; width:100%; line-height:100%;}
	
	
	/******** 회사소개 ********/
	/* 인증서 */
	.about_con {}
	.about_icon {padding:15px 3% 50px 3% !important; text-align:left;}
	.about_icon dl {margin-bottom:10px;}
	.about_icon dt {width:80px;}
	.about_icon dd {width:calc(100% - 80px); padding-left:15px;}
	.aboutBg {padding:50px 3%;}

	.certification{ padding:50px 0 25px;}
	.certification ul{padding:30px 0 0;}
	.certification li{width:100%; margin:0 0 30px 0; height:auto; padding:0 15px 20px;}
	.certification li dt{ font-size:16px;  padding:10px 0 9px;}
	.certification li dd{padding:15px 5px 0;}
	.certification li:last-child{margin-right:0;}




	/************************** 자료실 ****************************/
	/******** 고객포털 ********/
	.portal_con {padding:50px 3%;}
	.portal_con .sub_stitle br {display:none;}
	.portal_con .sub_txt {margin:15px 0 30px 0;}

	
	
	/************************** 고객문의 ****************************/
	/******** 문의/연락처 ********/
	.contact_con .table_style2.one p.tel {width:120px;}

	.contact_con .table_style2 p.tel {background-size:20px auto; padding:3px 0 3px 27px;}
	.contact_con .table_style2 p.mail {background-size:20px auto; padding:3px 0 3px 27px;}

	
	/******** 오시는 길 ********/
	.location_con {}	
	.location_con .map .root_daum_roughmap .wrap_map {height:250px !important;}
	.location_con .map .mapBtn a.printBtn {display:none;}

	.location_con .loca_way dl {padding:20px; display:block;}
	.location_con .loca_way dt {width:100%; display:block; padding:0 0 12px 30px;}
	.location_con .loca_way dd {display:block; width:100%;}

	.location_con .loca_way dl.car dd p {padding:23px 0 10px 28px;}
	.location_con .loca_way dl.car dd p:last-child {padding-bottom:0;}
	.location_con .loca_way dl.car dd p strong {left:28px;}

	.location_con .loca_way dl.subway dd p {padding-left:58px;}
	.location_con .loca_way dd span.subway_line {font-size:11px;}




	/************************** 사업소개 ****************************/

	/* 제품주요기능 */
	.function_Box {margin-top:50px;}
	.function_Box dt {width:100px !important; padding:0 10px; word-break:keep-all;}
	.function_Box dt img {height:45px;}
	.function_Box dd {padding:30px 3%; width:calc(100% - 100px) !important;}

	/* 제품주요특징 */
	.effect_In dl {padding:20px 0 !important;}
	.effect_In dt {width:90px;}
	.effect_In dt img {width:60px;}
	.effect_In dd {width:calc(100% - 90px);}


	/* 도입효과 */
	.effectBox.two dl {float:none; width:100%; margin:0 0 25px 0;}
	.effectBox.two dl:last-child {margin-bottom:0 !important;}
	.effectBox.two dd {height:auto;}

	.effectBox.two .list02 dl {float:none; width:100%; margin:0 0 25px 0 !important;}
	.effectBox.two .list02 dl:last-child {margin-bottom:0 !important;}


	/* 제품주요기능 */
	.function_Box.two dt {padding:0;}
	.function_Box.two dd {padding:20px 3% 20px 0;}

	
	/* 제품주요특징 */
	.solution_con .effect_In > div {margin-bottom:15px;}
	.effect_In > div h4 {line-height:45px;}
	.specList {padding:50px 3% 30px 3%; margin-top:-22px;}
	.specList dl {margin-bottom:20px;}
	.specList dt {width:65px;}
	.specList dd {width:calc(100% - 65px); padding:0 0 0 3%;}


	
	/******** 아카데미 ********/
	/* 인트로 */
	.intro_con.academy dl {width:100%; margin:0 0 10px 0;}
	.intro_con.academy dl a {}
	.intro_con.academy dt {bottom:auto;}



	/************ Slick 슬릭 롤링************/
	.rollingImg .rollingIn {}
	.rollingImg .rollingIn li {margin:0 8px;}
	.rollingIn .slick-arrow {left:-2px; width:15px; height:13px;}
	.rollingIn .slick-next {left:auto; right:-2px;}


	/* 준비중페이지 */
	.ready_con {}
	.ready_con dt {font-size:24px;}
	.ready_con dt span {}
	.ready_con dd {font-size:13px;}

}





/*******************************************************************************
	@media ~480px
*******************************************************************************/
@media all and (max-width:480px){

	#visual{height:260px;}
	#visual .subtop{height:260px; background-size:auto 195px;}

}





/*******************************************************************************
	@media ~480px
*******************************************************************************/
@media all and (max-width:480px){



}