@charset "euc-kr";
.product_posco {position:relative; margin-top:30px;}
.product_posco ul {position:relative; overflow:hidden;}
.product_posco li {position:relative; height:183px; margin-bottom:10px; border:1px solid #e5e5e5; background:#fff; }
.product_posco li dl {position:relative; padding:20px 0 0px 20px;}
.product_posco li dt {font-weight:bold; font-size:20px; margin-bottom:10px;}
.product_posco li a .pr_tit {font-family:'Malgun Gothic'; font-weight:600; font-size:20px; margin-bottom:4px; padding:20px 0 0px 20px;}
.product_posco li a .cont {padding-left:20px; font-size:13px; line-height: 1.3;}
.product_posco li dd a {display:block;letter-spacing:-1px;}
.product_posco li > img {width:auto; position:absolute; right:0px; bottom:25px;}
.product_posco li dl .btn-view a {display:block; position:absolute; right:0px; top:0px; z-index:1;}
.product_posco li dl .btn-view a img {width:39px;}
.product_posco li a .btn-view  img{display:block; position:absolute; right:0px; top:0px; z-index:1;}
.product_posco li a img {width:auto; position:absolute; right:0px; bottom:25px;}
.product_posco li dl .btn-view {display:block; position:absolute; right:0px; top:0px; z-index:1;}
.product_posco li dl .btn-view img {width:39px;}
.graph_area {margin-top:40px; text-align:center;}
.product_posco li a  .cont{width: 59%;overflow: hidden;}
#contents .product_quick img {width:auto;}
.product_quick {position:relative; padding:30px 0 20px; background:#f9f9f9;display: none;}
.product_quick ul {overflow:hidden;}
.product_quick li {float:left; width:50%; *width:48%; padding-left:1%; padding-right:1%; height:95px; padding-bottom:10px; text-align:center;background:url("../images/quickmenu_line.gif") no-repeat right 7px;}
.product_quick li span {display:block; font-weight:bold; font-size:12px; line-height:1.2; padding-top:5px;}
.pro_sTxt {padding-top:10px; margin-top:10px;}
.btn_product {position:relative; margin-top:30px; *zoom:1;}
.btn_product:after {clear:both; content:""; display:block;}
.btn_product span {display:block; overflow:hidden;}
.btn_product span a {float:left; display:inline-block;/*  width:220px; */ width:49%; margin-right:1%; font-weight:bold; padding:4px 0; text-align:center; letter-spacing:-1px;}
.btn_product1 a {color:#fff; border:1px solid #707580; background:#707580;}
.btn_product2 a {margin-top:5px; border:1px solid #9ea4b2; background:#fff;}
.pro_gray_box {position:relative; margin-top:30px; padding:0 10px 20px; border:1px solid #d5d5d5; background:#f9f9f9;}
.pro_gray_box .tit3 {padding-top:15px; font-size:22px; padding-bottom:10px;}
/*.pro_gray_box img {width:auto; margin-top:10px;}
*/
.pro_gray_box p {margin-top:15px;}
.pro_gray_box ul {margin-top:15px;}
.pro_scrollBox {position:relative; margin-top:30px; width:100%; overflow-x:auto;}
.flash-area {position:relative; margin-top:20px; text-align:center; background-color:#05283a;}
.flash-area p {color:#fff;}
.process_area {position:relative;}
.process_area span {display:block; width:33px; margin:15px auto;}
.processus {position:relative; padding:0px 10px; border:1px solid #d5d5d5; background:#f9f9f9;}
.processus li {padding-bottom:25px; border-bottom:1px dotted #d6d6d6; float:left; width:50%;}
.processus dt, .processus dd {text-align:center;}
.processus dt {margin:20px 0 15px;}
.processus .btn {text-align:center; margin-top:20px;}
.product_list_strong {display:block;}
.isms_list {background:#f9f9f9; border:1px solid #d6d6d6; margin-top:20px;}
.isms_list li {padding-top:20px;}
.isms_list li dl {padding:0 20px;}
.isms_list li dl dt {font-size:18px; color:#0552a9; font-weight:bold; text-align:center;}
.isms_list li dl dd {padding:10px 0 40px 0; text-align:center;}
.isms_list li:first-child dl dd {border-bottom:1px dashed #d6d6d6;}
.isms_list li dl dd img {border:1px solid #d6d6d6; width:80%;}
.e-Sales-step {position:relative; overflow:hidden; margin-bottom:10px;}
.e-Sales-step > li {margin-top:10px; font-weight:bold; font-size:16px; padding:10px 10px 10px 15px; border:1px solid #d6d6d6; overflow:hidden;}
.e-Sales-step > li strong {color:#2475d0; font-size:39px; font-weight:bold; float:left; display:block;}
.e-Sales-step > li span {display:block; padding:20px 0 0 40px; font-weight:bold; font-size:16px; line-height:1.3;}
.e-Sales-step > li .txt1 {padding-top:16px;}
/*170111 Technology */
.supportBox {position:relative; }
.supportBox ul {position:relative; overflow:hidden;}
.supportBox .faqBox li {position:relative; height:164px; margin-bottom:10px; border:1px solid #e5e5e5; background:#fff; }
.supportBox > .faqBox > li > a { display:block; height:164px;}
.supportBox .faqBox li a .pr_tit {font-family:'Malgun Gothic'; font-weight:600; font-size:20px; margin-bottom:10px; padding:20px 0 0px 20px;}
.supportBox .faqBox li a .cont {padding-left:20px;}
.supportBox .faqBox li a .btn-view img{display:block; position:absolute; right:0px; top:0px; z-index:1;}
.supportBox .faqBox li a img {width:auto; position:absolute; right:14px; bottom:25px;}
.supportBox .faqBox li a #faq_v img	{ top:0px; right:0; }
.supportBox .faqBox li a:hover { text-decoration:none; }
dl.dl_style01 {overflow:hidden; margin-top:30px; padding:10px 0 10px 20px; border:1px solid #d6d6d6;}
dl.dl_style01 dt {float:left; padding-right:20px; border-right:1px dotted #8d8d8d; font-size:16px; font-weight:bold; color:#0552a9;}
dl.dl_style01 dd {float:left; margin-left:20px; padding-left:30px; font-size:14px; color:#333; background:url("../images/ico_tech_mail.gif") left 4px no-repeat;}
@media all and (max-width:450px){ 
	.processus li { float:inherit; width:100%;}
}
@media all and (min-width:451px) and (max-width:489px) {
	 .processus li { float:inherit; width:100%;}
}
@media all and (min-width:560px) and (max-width:766px) { 
	.supportBox > .faqBox > li {float:left; width:49%; margin-right:2%; margin-bottom:20px; }
	.supportBox > .faqBox > li.hover-2, .supportBox > .faqBox > li.hover-4, .supportBox > .faqBox > li.hover-6, .supportBox > .faqBox > li.hover-8 { margin-right:0px;}
}
@media all and (min-width:767px) and (max-width:979px) { 
	/*170111 Technology */
	.supportBox > .faqBox > li {float:left; width:49%; margin-right:2%; margin-bottom:20px; }
	.supportBox > .faqBox > li.hover-2, .supportBox > .faqBox > li.hover-4, .supportBox > .faqBox > li.hover-6, .supportBox > .faqBox > li.hover-8 { margin-right:0px;}
}
/*******************
	Desktop
********************/
@media all and (min-width:980px){
	.product_posco ul {width:100%; *margin-bottom:30px;}
	.product_posco > ul > li {float:left; width:32%; *width:31.6%; margin-right:2%; margin-bottom:20px;}
	/* 160526 mouse hover */
	.product_posco .pr01 a, .product_posco .pr02 a, .product_posco .pr03 a, .product_posco .pr04 a, .product_posco .pr05 a, .product_posco .pr06 a, 
	.product_posco .pr07 a, .product_posco .pr08 a, .product_posco .pr09 a, .product_posco .pr10 a, .product_posco .pr11 a, .product_posco .pr12 a{ display:block; height:183px; position:relative; letter-spacing:0;}
	
	.product_posco > ul > li{background-size: 0% !important;}
	.product_posco > ul > li:hover {background-size: cover !important;}
	.product_posco > ul > li:hover a{ text-decoration:none !important;}
	
	.product_posco li a:hover div{ color:#fff;}
	
	.product_posco li a:hover img{ display:none;}
	.product_posco li a:hover .cont{ color:#fff;}
	.pro_sTxt {margin-top:20px;}
	.product_quick ul {width:980px; margin:0 auto;}
	.product_quick li {height:auto; width:47%; margin-right:3%; padding-right:0; padding-left:0;}
	.product_quick li span {display:inline-block; font-size:13px; padding:15px 0 0 10px;}
	.btn_product {float:right;}
	.btn_product span {display:inline;}
	.btn_product span a {width:auto; margin-right:0; margin-left:4px; padding:3px 18px; letter-spacing:0px;}
	.btn_product2 a {margin-top:0px;}
	.pro_gray_box {padding:0 20px 30px; min-height:159px;}
	.pro_gray_box .tit3 {padding-top:25px; font-size:24px; padding-bottom:0px;}
/*
	.pro_gray_box img {margin-top:0px; float:right; padding:12px 0 15px 30px;}*/
	.pro_gray_box p {margin-top:10px;line-height:36px}
	.pro_scrollBox {overflow-x:hidden;}
	.processus li {float:left; width:49.5%; border-bottom:0px; }
	.processus dd.last {border-right:1px dotted #d6d6d6;}
	.processus dt {margin:20px 0 15px;}
	#contents .processus dd img {width:325px;}
	.isms_list {overflow:hidden;}
	.isms_list li {float:left; width:489px;}
	.isms_list li dl {padding:20px 0;}
	.isms_list li:first-child dl dd {border-right:1px dashed #d6d6d6; border-bottom:0;}
	.isms_list li dl dd img {width:auto;}
	.e-Sales-step {margin-top:10px;}
	.e-Sales-step > li {float:left; width:320px; *width:295px; margin-left:10px; *margin-left:8px;}
	.e-Sales-step> li:first-child {margin-left:0;}
	/*170111 Technology */
	.supportBox {margin-top:50px;}
	.supportBox ul {width:100%; *margin-bottom:30px;}
	.supportBox > .faqBox > li {float:left; width:32%; *width:31.6%; margin-right:2%; margin-bottom:20px; }
	.supportBox > .faqBox > li.hover-3, .supportBox > .faqBox > li.hover-6, .supportBox > .faqBox > li.hover-9 { margin-right:0px;}
	.supportBox > .faq_bottom > .faq-gray {float:left; width:32%; *width:31.6%; margin-right:2%; margin-bottom:20px; }
	.supportBox > .faq_bottom > .faq-gray:nth-child(3) { margin-right:0;}
}
@media all and (max-width:980px){
.product_posco li{background-size: 0% !important;}
	.product_posco > ul > li:hover a{ text-decoration:none !important;}
}
@media all and (max-width:480px){
.product_posco > ul > li{background-size: 0% !important;}
.product_posco > ul > li:hover {background-size: cover !important;}
.product_posco > ul > li:hover a{ text-decoration:none !important;}
.product_posco > ul > li:hover .pr_tit{ color: #fff !important;}
.product_posco > ul > li:hover .cont{ color: #fff !important;}
.product_posco > ul > li:hover img{ display: none;}
.pro_gray_box img{width: 100% !important ;height: auto !important;}
}
#dituContent{width: 100%  !important;height: auto !important;}
#mask{width: 100%  !important;height: auto !important;}