img { max-width: 100%; width: auto; height: auto; }


/* Set */
table{
  border-spacing: 0;
  border-collapse: collapse;
}
.section_07 .flexslider .slides img{
  width: auto;
}

/*-----------------------------------------------------------기존 EASYDIAG 내용*/
.box ul li, .iconContent ul li
    {
        box-sizing:content-box;
    }

.fl			{ float:left !important; }
.fr			{ float:right !important; }
.fn			{ float:none !important; }
.cb		{ clear:both !important; }
.ac		{ text-align:center !important; }
.al			{ text-align:left !important; }
.ar		{ text-align:right !important; }
.vt			{ vertical-align:top !important; }
.vm		{ vertical-align:middle !important; }
.vb		{ vertical-align:bottom !important; }
.oh		{ overflow:hidden !important; }
.cp		{ cursor:pointer !important; }
.di			{ display:inline !important; }
.dib		{ display:inline-block;display:-moz-inline-box; }
.dn		{ display:none !important; }
.db		{ display:block !important; }
.vv		{ visibility:visible !important; }
.vh		{ visibility:hidden !important; }
.bbn		{ border-bottom:none !important; }
.brn	 	{ border-right:none !important; }
.bln	 	{ border-left:none !important; }
.bn, .bn td, .bn th		{ border:none !important; }
.bgn, .bgn td, .bgn th 	{ background:none !important; }
.fb		{ font-weight:bold !important; }
.fn		{ font-weight:normal !important; }
.fs			{ font-size:11px !important; }
.fixed	{ table-layout:fixed}
.pr		{ position:relative !important;}

.clearfix {*zoom:1;}
.clearfix:after {content:""; display:block; clear:both;}



/****** 테이블 타입 ******/
.tb_01{width:100%; }
.tb_01 th{ background-color:#d5f0f0; border-bottom:1px #a1a6a6 solid; border-bottom:1px #a1a6a6 solid; border-left:1px #a1a6a6 solid; padding:10px;}
.tb_01 th:first-child{ border-left:none;}
.tb_01 th.blo{border-left:1px #a1a6a6 solid;}
.tb_01 td{border-bottom:1px #a1a6a6 solid; border-left:1px #a1a6a6 solid; padding:10px;}
.tb_01 td:first-child{border-left:none;}

.tb_02{width:100%;}
.tb_02 th{ background-color:#f2f4f6; border-bottom:1px #aaa solid; border-left:1px #aaa solid; color:#000; letter-spacing:-1px; font-size:15px; line-height:18px; padding:10px 5px;}
.tb_02 th:first-child{ border-left:none;}
.tb_02 td{font-size:12px; border-bottom:1px #aaa solid;  border-left:1px #aaa solid; padding:10px 5px;}
.tb_02 td:first-child{ border-left:none;}
.tb_02 td > img{ width:93px; height:62px;}
.tb_02 td .color_blue{ color:#2b74b9;}

/* 라인 */
.lineA{margin-top:50px; border-top:2px #1eaaa3 solid; *zoom:1; }
.lineB{border-top:2px #2b74b9 solid; border-bottom:1px #aaa solid; }

/* 마진 */
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt70{margin-top:70px;}
.mb20{margin-bottom:20px;}
/*.ml0{margin-left:0 !important;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml60{margin-left:60px;}
.mr_6{margin-right:-6px !important;;}*/

/* 패딩 */
.pb0{padding:0;}
.pl0{padding-left:0 !important;}

/******** 상단 커버 *******/
.csEasydiagTopBg{width: 100%; height: 400px; background: url(/child/img/sub/2/easydiag/imgEasydiagTopCover.jpg) center 0 no-repeat;background-size:cover; background-color:#000000; padding-left:30px;}
.csEasydiagTopArea{margin:0 auto; color:#ffffff;}
.csEasydiagTopMainTitle{font-size:26px;padding-top:140px;}
.csEasydiagTopName{font-size:65px; color:#1eaaa3;font-weight:bold;padding-bottom:20px;}

/******** 상단 비쥬얼 *******/
.mainVisual{ background-color:#f2f4f6; text-align:center; padding:50px 30px 50px 30px; }
.imgContent{ position:relative; }
.imgContent img{ margin-left:100px;}
.imgContent img:first-child{ margin-left:0;}

.iconContent{ max- border:1px #c7c7c7 solid; margin:0 auto; }
.iconContent ul{overflow:hidden; padding:40px;}
.iconContent li{float:left; width:203px; color:#000; margin-left:15px;}
.iconContent li:first-child{margin-left:0;}
.iconContent li .icon_01{ background:url(/child/img/sub/2/easydiag/icon_01.png) center 0 no-repeat; padding-top:100px;}
.iconContent li .icon_02{ background:url(/child/img/sub/2/easydiag/icon_02.png) center 0 no-repeat; padding-top:100px;}
.iconContent li .icon_03{ background:url(/child/img/sub/2/easydiag/icon_03.png) center 0 no-repeat; padding-top:100px;}
.iconContent li .icon_04{ background:url(/child/img/sub/2/easydiag/icon_04.png) center 0 no-repeat; padding-top:100px;}
.iconContent li .icon_05{ background:url(/child/img/sub/2/easydiag/icon_05.png) center 0 no-repeat; padding-top:100px;}
.iconContent li p{font-size:1em; color:#000;}
.iconContent li .btn a{ display:block; color:#FFF; font-weight:bold; padding:15px 0; text-align:center; background-color:#1eaaa3;}

/* 첫번째 컨텐츠 - 50만원대의 무선진단기 */
.box { position:relative; overflow:hidden;  text-align:center; margin:0 auto; padding:50px 10px; }
h2{background:url(/Images/Event/201604/common/tit_line_01.png) bottom center no-repeat; padding-bottom:40px; text-align:center;}
.section_01 .box ul{ text-align:center; margin-top:50px;}
.section_01 .box li{ display:inline-block; background:url(/child/img/sub/2/easydiag/icon_next.png) center left no-repeat; padding:0 25px 0 45px;}
.section_01 .box li:first-child{padding-left:0;}

/* 가격안내 */
.section_02{ background-color:#f2f4f6;}
.section_02 .box > p{
  position:absolute;
  top:140px;
  right:0;
}

/* 기능 */
.section_04{background-color:#1eaaa3;}
.section_04 h2{text-align:left;}
.section_04 .phon{float:left; position:relative;}
.section_04 .phon .arrow{ position:absolute; overflow:hidden; top:50%; margin-top:-11px; width:436px;}
.section_04 .phon .arrow .l{display:inline-block; float:left;}
.section_04 .phon .arrow .r{display:inline-block; float:right;}
.section_04 .phon .imgContent{width:314px; height:546px; margin-left:80px;}
.section_04 .phon .imgContent li{ display:none;}
.section_04 .phon .icon{overflow:hidden; width:170px; text-align:center; margin:0 auto; padding:20px 0 0 60px;}
.section_04 .phon .icon li{ width:13px; height:13px; float:left; background:url(/child/img/sub/2/easydiag/icon_circle.png) 3px 0 no-repeat; padding-left:5px; cursor:pointer;}
.section_04 .phon .icon li.on{width:13px; height:13px; float:left; background:url(/child/img/sub/2/easydiag/icon_circle.png) 0 -14px no-repeat; padding-left:5px; cursor:pointer;}
.section_04 .txt{float:left; text-align:left; margin:100px 100px;}
.section_04 .txt li{ background:url(icon_bl.png) 0 10px no-repeat; padding:0 0 10px 10px; color:#FFF; }
.section_04 h2 { padding-bottom: 20px; }
.section_04 h2 img { margin: 0; height: 35px; }

/* 동영상 */
.section_05{ padding:70px 0; background:url(/child/img/sub/2/easydiag/bg_movie.png) center center no-repeat; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Event/201604/easydiag/bg_movie.png', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Event/201604/easydiag/bg_movie.png', sizingMethod='scale')"; background-size: cover; text-align:center;}


/* 제원 */
.section_06 .txt{text-align:left; background:url(/child/img/sub/2/easydiag/product_ill.png) right 0 no-repeat;}
.section_06 .txt li{ background:url(icon_bl1.png) 0 10px no-repeat; padding:0 0 10px 10px; }

/* 간편사용 설명서 */
.section_07{background-color:#1eaaa3; position:relative; overflow:hidden; }
.section_07 .box > h2{background:url(/child/img/sub/2/easydiag/tit_line_02.png) bottom center no-repeat;  }
.section_07 .box .slide{ max-width:810px; margin:0 auto; overflow:hidden; }
.section_07 .box .arrow{ position:absolute; overflow:hidden; top:50%; margin-top:30px;  left:50%; margin-left:-500px;}
.section_07 .box .arrow .l{display:inline-block; float:left;}
.section_07 .box .arrow .r{display:inline-block; float:right;}
.section_07 .slide_img{overflow:hidden; margin-top:80px; text-align:center; }
.section_07 .slide_img li{ display:none; float:left; overflow:hidden; width:705px; height:307px; border:2px #fff solid; padding:50px;}
.section_07 .slide_img li:first-child{margin-left:0;}
.section_07 .slide_img li .txt{ float:left;}
.section_07 .slide_img li .txt  p{text-align:left;}
.section_07 .slide_img li .txt dt{font-weight:bold; color:#000; font-size:25px; margin-top:30px; text-align:left;}
.section_07 .slide_img li .txt dd{background:url(icon_bl.png) 0 8px no-repeat; padding-left:10px; color:#fff; font-size:15px; margin-top:10px; text-align:left;}
.section_07 .slide_img li .simple{ float:right; margin-left:20px;}

.section_07 .slide .slide_icon{ overflow:hidden; text-align:center; margin:0 auto; padding-top:20px;}
.section_07 .slide .slide_icon li{width:13px; height:13px; display:inline-block; background:url(icon_circle.png) 0px 0 no-repeat; cursor:pointer;}
.section_07 .slide .slide_icon .on{width:13px; height:13px; display:inline-block; background:url(icon_circle.png) 0 -14px no-repeat; cursor:pointer;}

.section_07 dt {font-weight:bold; color:#000; font-size:25px; margin-top:30px; text-align:left;}
.section_07 dd {background:url(/child/img/sub/2/easydiag/icon_bl.png) 0 8px no-repeat; padding-left:10px; color:#fff; font-size:15px; margin-top:10px; text-align:left;}
.idExplainNo   {height:40px; width:350px;padding-left:20px;color:#FFF; font-size:6.0em; margin-top:30px; text-align:left;}


/* 다운로드 */
.section_08{background-color:#f2f4f6;}
.section_08 ul{margin-top:50px;}
.section_08 li{display:inline-block; color:#000; text-align:center; font-size:18px;}
.section_08 li.icon_01{ width:120px; background:url(/child/img/sub/2/easydiag/icon_08.png) center 0 no-repeat; padding-top:150px; padding-left:10px; padding-right:10px;}
.section_08 li.icon_02{ width:150px; background:url(/child/img/sub/2/easydiag/icon_09.png) center 0 no-repeat; padding-top:150px; padding-left:18px; padding-right:18px;}
.section_08 li.icon_03{ width:150px; background:url(/child/img/sub/2/easydiag/icon_10.png) center 0 no-repeat; padding-top:150px; padding-left:18px; padding-right:18px;}
.section_08 li.icon_04{ width:150px; background:url(/child/img/sub/2/easydiag/icon_11.png) center 0 no-repeat; padding-top:150px; padding-left:18px; padding-right:18px;}
.section_08 li.icon_05{ width:150px; background:url(/child/img/sub/2/easydiag/icon_12.png) center 0 no-repeat; padding-top:150px; padding-left:18px; padding-right:18px;}

/* 자주 묻는 질문 */
.section_09{}
.section_09 dl{ border-top:2px #1eaaa3 solid; border-bottom:1px #aaa solid; margin-top:50px;}
.section_09 dt.Q{ background:url(/child/img/sub/2/easydiag/icon_show_down.png) 97% -8px no-repeat; text-align:left; padding:15px; border-bottom:1px #aaaaaa solid; cursor:pointer; }
.section_09 dd.A{ display:none; background-color:#f2f4f6; text-align:left; padding:15px 30px;  border-bottom:1px #aaaaaa solid; }
.section_09 dt.Q p{ background:url('/child/img/sub/2/easydiag/icon_Q.png') left 1px no-repeat; padding-left:40px; font-size:18px; color:#000;}
.section_09 dd.A p{ background:url(/child/img/sub/2/easydiag/icon_QA.png) left -26px no-repeat; padding-left:40px; font-size:15px;}

.section_06 img { display: none; }


.flexslider { max-height: 500px; }

@media (max-width: 1023px){
  .csEasydiagTopBg { padding-right: 0; padding-left: 0; text-align: center; }
  .csEasydiagTopMainTitle { padding-top: 90px; }
  .csEasydiagTopMainTitle { font-size: 22px; }
  .csEasydiagTopName { font-size: 40px; }
  .csEasydiagTopBg { height: 250px; }

  .iconContent ul { padding: 0; font-size: 0; }
  .iconContent li { display: inline-block; vertical-align: top; margin: 0; padding: 10px; width: 46%; }
  .iconContent li p { font-size: 14px; }

  .csFunctionArea { padding: 20px 15px; }

  .idExplainNo { width: 20%; font-size: 30px; }
  .flexslider .slides img { max-width: 70%; }
  .section_04 dd { margin-left: 0; padding-left: 0; }
  .specification { display: block; }
  .csSpecBackground { background: none; }
  .section_05 .txt { display: inline-block; }
  .csSpecPreviewArea { text-align: center; }

  .section_07 .flexslider .slides img { max-width: 100%; }


  .section_07 dd { margin-left: 0; padding-left: 0; }
  .flex-control-nav { bottom: -66px !important; }
}
@media (max-width: 850px){
  iframe { width: 100%; }
  .section_06 img { display: block; margin-bottom: 30px; }
  .section_06 .txt { background: none; }
}

@media (max-width: 768px){
  .iconContent li { width: 40%; }
  .phon { float: none; margin: auto; transform: scale(.8); }
  .section_04 .txt { margin: 0; padding: 0 15px; }
  .section_04 .slider { margin-left: 0; }

  .section_09 .box { padding-top: 0; }
  .section_09 h2 { padding-bottom: 20px; }
  .section_09 dt.Q p { font-size: 15px; }



    .section_07 dt { font-size: 18px; margin-top: 0; }
    .section_07 dd { margin-top: 0; font-size: 13px; }
}