/*  탑메뉴 */
div,span,object,iframe,p,
blockquote,pre,abbr,cite,code,del,dfn,img,h1, h2, h3, h4, h5, h6,html,body,
ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,header,hgroup,
menu,nav,section,summary,time,mark,audio,video{ margin:0; padding:0; outline:0;   }

img{max-width:100%;}


/*공통*/
/* 	#contents > section > h3{ font-size:28px;line-height:33px; } */
	

/* 피니언개요 */
/* .con_title {text-align:center; padding-bottom:80px;}
.con_title ul li.t1 {font-size:70px; line-height:65px; font-weight:200; margin-top:100px;}
.con_title ul li.t1 span {display:block; font-family: "MontB", sans-serif; font-size:30px; line-height:35px; padding-bottom:10px;}
.con_title ul li.t1 img {max-height:50px;}
.con_title ul li.deco {width:100px; height:1px; background-color:#000; margin:40px auto 0 auto;}
.con_title ul li.t2 {font-size:24px; line-height:40px; font-family: "NanumSquareR", sans-serif; margin-top:40px;}
.con_title ul li.t3 {font-size:18px; line-height:36px; font-weight:300; margin:30px auto 0 auto; width:75%;}
.con_title ul li.img {position:relative; height:400px; margin-top:30px;}
.con_title ul li.img img {position:absolute; top:0; left:50%; margin-left:-800px; height:100%;}
.con_title ul li.logo {padding-top:50px; margin-top:50px; border-top:1px solid #eee;}
.con_title ul li.logo p.img img {max-width:75%; margin:0 auto;}
.con_title ul li.logo p.text {font-size:60px; line-height:65px; font-family: "Helvetica67"; padding:20px 0; color:#55b9ff;} */

.redhat_01 .wrap {border-top:2px solid #444; overflow:hidden; zoom:1; margin-bottom:50px;}
.redhat_01 h3 {width:17%; font-size:34px; float:left;}
.redhat_01 div.summary {width:70%; float:right;}
.redhat_01 div.summary ul {clear:both; margin-bottom:60px; overflow:hidden; zoom:1;}
.redhat_01 div.summary ul li.title {padding:15px 0; font-size:25px; border-bottom:1px solid #ddd; margin-bottom:40px;}
.redhat_01 div.summary ul li.list {width:33.33%; float:left; text-align:center; font-size:18px; line-height:28px; font-weight:300;}


/*기대효과*/
.keytitle {font-size:30px; font-weight:bold; line-height:35px; font-family: "MontB", sans-serif; margin-bottom:30px;}
.keyf_list.type_01 .keytitle {text-align:center; margin-bottom:40px;}
.keyf_list.type_01 ul {border-top:2px solid #000; overflow:hidden; zoom:1;}
.keyf_list.type_01 ul li {width:50%; float:left; padding:0; border-bottom:1px solid #000; font-size:16px; line-height:26px; margin-bottom:0;}
.keyf_list.type_01 ul li span {padding:20px 0;}
.keyf_list.type_01 ul li p {padding-left:90px; margin-top:40px;}


/*이미지박스*/
.orderimg_box{ text-align:center; margin-bottom:150px;}
.orderimg_box.w_50 div.wrap span.img_left_box{ width:50%; float:left; display:inline-block;} 
.orderimg_box img{width:auto}


/*포인트*/
.point_list {overflow:hidden; zoom:1;}
.point_list li {font-size:18px; line-height:28px; position:relative; padding-left:15px; font-weight:300; margin-bottom:10px;}
.point_list li:last-child {margin-bottom:0;}
.point_list li span {position:absolute; top:0; left:0; color:#55b9ff;}

/*포인트번호*/
.num_list {overflow:hidden; zoom:1;}
.num_list li {font-size:18px; line-height:28px; position:relative; padding-left:45px; font-weight:300; margin:10px 0;}
.num_list li span {width:30px; text-align:center; height:30px; line-height:30px; display:block; border-radius:15px; font-size:15px; background-color:#4173bd; color:#fff; position:absolute; top:0; left:0;}


/*특장점*/
.lower ul li {width:50%; padding-right:4%; float:left;}


/* 탭 */
.product_tab { width:100%; height: 100%; display: table; table-layout: fixed;margin:0 0 40px; text-align:center;}
.product_tab.w50 li{width:15%;}
.product_tab li { text-align: center; display:inline-block; width:20%; vertical-align: top;padding-right: 2px;}
.product_tab li a { float:left;width: 100%; background: #acabb1;padding:11px 0; font-weight:400;box-sizing:padding-box;color: #fff;}
.product_tab li a:hover { background:url('/img/tab_on_bg.png') no-repeat left;}
.product_tab li.on a { color:#fff; background:url('/img/tab_icon.png') no-repeat right 23px, url('/img/tab_on_bg.png') no-repeat left;width: 100%;font-weight:400;}
.product_tab li.last { padding-right:none;}

.product_tab2 { width:100%; height: 100%; display: table; table-layout: fixed;margin:0 0 40px;}
.product_tab2 li { text-align: center;width: auto;display: table-cell;vertical-align: top;padding-right: 2px;}
.product_tab2 li a { float:left;width: 100%; background: #acabb1;padding:11px 0; font-weight:400;box-sizing:padding-box;color: #fff;}
.product_tab2 li a:hover { background:url('/img/tab_on_bg.png') no-repeat left;}
.product_tab2 li.on a { color:#fff; background:url('/img/tab_icon.png') no-repeat right 23px, url('/img/tab_on_bg.png') no-repeat left;width: 100%;font-weight:400;}
.product_tab2 li.last { padding-right:none;}


.ps_box {padding-top:200px; overflow:hidden;}
.ps_box .product_slide {background:#4173bd; min-height:500px; padding-bottom:80px;}
.ps_box .product_slide .slide_box {position:relative;}
.ps_box .product_slide .slide_box .bg {position:absolute; top:-200px; left:50%; margin-left:-600px; z-index:999; }
.ps_box .product_slide .slide_box .rolling {position:relative; z-index:1;}
.ps_box .product_slide .slide_box .rolling *:focus {outline:0;}
.ps_box .product_slide .slide_box .rolling p.img {position:absolute; top:-200px; left:50%; margin-left:-600px; text-align:center;}/* width:100%;*/
.ps_box .product_slide .slide_box .rolling p.img span.box {display:block; position:relative; }
.ps_box .product_slide .slide_box .rolling p.img span.box .caption {position:absolute; top:350px; left:0; width:100%; height:50px; line-height:50px; background:url(http://www.osci.kr./images/sub/caption_50.png); color:#fff;}
.ps_box .product_slide .slide_box .rolling p.text {color:#fff; font-size:18px; line-height:36px; font-weight:300; padding-top:310px; margin:0 150px; background:#4173bd;}
.ps_box .product_slide .slide_box .rolling p.text>span {display:block; position:relative; color:#fff; text-align:center;}
.ps_box .product_slide .slide_box .rolling p.text>span>span {color:#fff; margin-right:10px;}
.ps_box .product_slide .slide_box .rolling p.space {padding-top:280px;}
.ps_box .product_slide .slide_box .rolling .slick-slide {float:left;}
.ps_box .product_slide .slide_box .rolling button {position:absolute; top:320px; left:0; font-size:0; border:0; background:url(http://www.osci.kr/images/sub/slide/slide_control.png) no-repeat left center; width:50px; height:100px; z-index:9999;}
.ps_box .product_slide .slide_box .rolling button.slick-next {left:auto; right:0; background-position:right center;}


/*특장점*/
.img_sum{margin-top:80px;}
.img_sum h3{text-indent:3%; font:bold 35px/24px "Malgun Gothic","맑은 고딕","돋움";  }


/* 문의하기 */
.inquiry_wrap h3{font-weight:bold}
.inquiry_left_box{float:left; width:30%}
.inquiry_left_box p{color:#696969;}

.inquiry_right_box{float:right; width:48%; overflow:hidden; }
.inquiry_wrap div h3{font-weight:bold;}
.inquiry_right_box ul{padding:0; margin:0;}
.inquiry_right_box ul li input[type="text"].w01{  padding:6px; border-radius:5px; width:80%; margin-bottom:10px;}
.inquiry_right_box ul li textarea.p_w03{  width:79%; border-radius:3px; min-height:180px;}


.inquiry_wrap div.btn_box{clear:both; margin-top:20px;}
.inquiry_wrap div.btn_box a.btn{text-decoration:none; padding:7px 7px 3px 7px; background:#2f7dba; color:#fff; border:1px solid #0e69ae; text-align:right;}


/*피니언*/

.gray_pinion_bg{ background:#f4f4f4;  margin-top:250px;clear:both; overflow:hidden;  text-align:center; padding:50px 0}
.gray_pinion_bg .inbox{width:33.3%; float:left;  }
.gray_pinion_bg .inbox strong{ color:#3e3e3e; display:block;}
.gray_pinion_bg .inbox p.title{font-size:30px; color:#848484; padding:0; margin:0; font-weight:500; }
.gray_pinion_bg .inbox i{display:block; margin:30px 0 }
.gray_pinion_bg .inbox i.inbox_m{ margin:40px 0; }
.gray_pinion_bg .inbox i img{ max-width:100%; }
.gray_pinion_bg .inbox p{ color:#3e3e3e; font-size:15px;}

.gray_pinion_bg h3.mg_b{margin-bottom:30px;}


.pinion_icon .icon_pinion_box{width:31%; float:left; text-align:center; margin:40px 2% 60px 0;}
.pinion_icon .icon_pinion_box p{ padding-top:17px; }
.pinion_icon .icon_pinion_box img{ max-width:100%; }
.pinion_icon h2{width:80%; margin:0 auto; color:#2478cd; text-align:center; padding:10px 0; font-size:29px; margin-bottom:60px;}


/*피니언 특징*/
.pinion_character{width:100%; position:relative;}
.pinion_wrap{border:1px solid #e4e4e4; overflow:hidden; margin-bottom:100px; padding:2%;}
.pinion_wrap .pinion_c_box{width:45%;}
.pinion_wrap .pinion_c_box strong{font-size:18px;}
.pinion_wrap .pinion_c_box p{font-size:15px; line-height:24px; margin:15px 0 5px;}
.pinion_wrap .pinion_c_box b{background:#e4e4e4; display:block; padding:0 1%; margin-bottom:2%;}
.pinion_wrap .pinion_c_box b.point_p_t{background:#305b9e; color:#fff;}

.pinion_wrap .left_ft{float:left;}
.pinion_wrap .pinion_imgs{width:50%; margin-left:30px;}
.pinion_wrap .pinion_imgs img{width:100%;}

.pinion_ch_title2 h2{ color:#000; font:bold 22px/30px "Malgun Gothic";  margin-bottom:30px;  }
.pinion_character .pinion_txt{ padding-left:0; }
.pinion_character .pinion_txt li{ color:#305b9e; font-weight:bold; margin-bottom:5px;}

/*피니언 기능*/
.pinion_wrap .pinion_c_box b{width:83%}

/*피니언 구성 및 기능*/
.function{margin-bottom:150px;}
.function h3{color:#2478cd; letter-spacing:-1px; font-size:20px; }
.function h3 span{font-size:40px;}
.function h4{font-size:26px; font-weight:bold; letter-spacing:-1px; margin-bottom:5px; padding:0;}
.function ul{margin:90px 0 40px 0; text-align:center; }
.function ul.mg_t_no{ margin-top:30px;}
.function ul li{line-height:30px;}
.function .pinion_stap_box{margin-left:-20px; text-align:center; }
.function .pinion_stap_box img{margin:0 20px; max-width:100%;}
ul.mg_t_no{text-align:center;  margin-bottom:50px;}
ul.mg_t_no li{}

/*판매관리 기능*/
.orderst_w{position:relative; width:100%; margin:0 auto; overflow:hidden;}
.order_w_box{width:14%; float:left; margin:0 10px 30px; border:1px solid #e4e4e4; text-align:center; min-height:613px}
.order_w_box .mg_t_box{margin-top:25px;}
.order_w_box.w_01{width:15%;}
.order_w_box ul{text-align:left; padding:0 5px; box-sizing:border-box;}
.order_w_box ul li{ font-size:14px; line-height:24px;}
.order_w_box ul li b{margin:20px 0  5px; display:block; font-size:15px;}
.order_w_box h2{background:#484848; width:100%; color:#fff; display:block; padding:3px 0; font-size:16px;}
.order_btn_box{clear:both; width:98%;padding:2% 0; margin:0 auto; text-align:center; border:1px solid #e4e4e4; }
.order_btn_box a{background:#4173bd; color:#fff; padding:8px 10px; margin:0 10px;}
.order_s_img{position:relative; width:100%; margin:0 auto 80px auto; text-align:center;}
.order_s_img img.pc_on{display:block;}
.order_s_img img.mb_on{display:none;}


.pro_box2 li{display:inline-block; width:16%; margin:10px; }
.pro_box2{clear:both; margin-top:30px; overflow:hidden; text-align:center;}
.pro_box3{width:100%;}
.pro_box3 img{width:100%;}


/*#######################################################  max 480px  ##########################################################################*/

 
@media screen and (max-width:480px){
.order_s_img img.pc_on{display:none;}
.order_s_img img.mb_on{display:block;}

/*피니언 기능*/
.pinion_wrap .pinion_c_box b{width:100%}
.pinion_wrap .pinion_c_box{width:100%; float:none;}

/*기대효과 반응형 CSS*/
.inquiry_left_box{display:none;}
.inquiry_right_box{float:none; position:relative; width:100%; margin:0 auto;}
.inquiry_right_box h3{font-size:28px;}
.inquiry_right_box ul li input[type="text"].w01{width:95%;}
.inquiry_right_box ul li textarea.p_w03{width:93%;}

/* 피니언 개요 */
.pinion_icon h2{ font-size:14px !important; width:100%; }
.function .pinion_stap_box img{margin:0 0 15px 0; }
.pinion_stap_box{width:95%; margin:0 auto; text-align:center;}

.gray_pinion_bg .inbox strong{font-size:15px; }
.gray_pinion_bg .inbox p.title{font-size:14px; }
/* .gray_pinion_bg .inbox p{ font-size:13px !important; } */


.con_title ul li.t2{font-size:18px; line-height:25px;}
.redhat_01 div.summary {width:98%; float:none; position:relative; margin:0 auto;}
.redhat_01 div.summary ul li.list{font-size:13px; line-height:20px;}
.redhat_01 h3{display:none; }


.gray_pinion_bg{margin-top:10px;}
.gray_pinion_bg .inbox strong{ font-size:24px !important;}
.gray_pinion_bg .inbox p.title{ font-size:14px !important;}
/* .gray_pinion_bg .inbox p{ font-size:11px !important;} */


.keyf_list.type_01 ul li span {padding:10px 0;}
.keyf_list.type_01 ul li p {padding-left:90px; margin-top:0px;}

/*피니언 특징*/
.pinion_wrap .pinion_c_box{width:100%;}
.pinion_wrap .pinion_c_box p{font-size:13.5px;}
.pinion_wrap .left_ft{float:none;}
.pinion_wrap .pinion_imgs{width:100%; margin-left:0;}
.pinion_stap_box{width:95%; margin:0 auto; text-align:center;}
.function .pinion_stap_box{margin-left:0;}
.lower ul li{width:100%;}
.img_sum h3{font-size:18px;}


/*판매관리솔루션개요*/
.keyf_list.type_01 img{display:none;}
.keyf_list.type_01 ul li {width:auto; float:none; margin:0; font-size:14px; line-height:20px;}
.keyf_list.type_01 ul li p {height:auto !important; padding:15px 10px;}

/*판매관리 솔루션 기능*/
.order_w_box{width:100%; min-height:200px; margin:0 0 30px 0; float:none;}
.order_w_box.w_01{width:100%}
.order_btn_box{display:none;}


/*구성 및 기능*/
.function h3 span{font:bold 26px/24px ""; margin-top:5px;}
.function h4{font-size:20px;}
.function ul{margin-top:10px;}
.function ul.mg_t_no{margin-top:10px;}
.function ul li{line-height:20px; margin-bottom:10px;}

/* 탭 */
	.product_tab li { text-align: center; width: 33.3%; padding:0 2px 2px 0; float:left}
}

.list_sort_wrap .news_select select{width:40%;}


/*#######################################################  max 640px  ##########################################################################*/
@media screen and (max-width:640px){
.inquiry_left_box{display:none;}
.inquiry_right_box{float:none; position:relative; width:100%; margin:0 auto;}
.inquiry_right_box h3{font-size:28px;}
.inquiry_right_box ul li input[type="text"].w01{width:95%;}
.inquiry_right_box ul li textarea.p_w03{width:93%;}

.gray_pinion_bg .inbox strong{ font-size:24px; }
.gray_pinion_bg .inbox p.title{ font-size:14px;}
.gray_pinion_bg .inbox p{ width:90%; margin:0 auto;}


/* 제품 */
.product_tab.w50 li{width:33%; margin:0.1%;}
.product_tab{}
ul.tab_go_list li{width: 33%; margin-right: 0.3%;}
ul.tab_go_list li:last-child{margin-right: 0px;}

/* 핸들 */
.pro_box2 li{display:inline-block; width:47%; margin:1%; box-sizing:border-box;}

/* .pinion_icon .icon_pinion_box{margin:40px 2% 60px 0; width:31%; } */
.pinion_icon h2{ font-size:22px !important; margin-bottom:30px; !important }


/*피니언 기능*/
.pinion_wrap .pinion_c_box b{width:100%}
.pinion_wrap .pinion_c_box{width:100%; float:none;}

/*기대효과 반응형 CSS*/
.inquiry_left_box{display:none;}
.inquiry_right_box{float:none; position:relative; width:100%; margin:0 auto;}
.inquiry_right_box h3{font-size:28px;}
.inquiry_right_box ul li input[type="text"].w01{width:95%;}
.inquiry_right_box ul li textarea.p_w03{width:93%;}

/*기대효과*/
h3.kb_title {display:none;}
.keyf_list.type_01 ul li{font-size:13px;}
.icon img{width:60%;}
.redhat_01 div.summary{width:100%}


/* 피니언 개요 */
.pinion_icon h2{ font-size:16px !important; width:100%; }
.function .pinion_stap_box img{margin:0 0 15px 0; }
.pinion_stap_box{width:95%; margin:0 auto; text-align:center;}
.keyf_list.type_01 ul li span {padding:10px 0;}
.keyf_list.type_01 ul li p {padding-left:90px; margin-top:0px;}
.pinion_icon .icon_pinion_box{ width:60%; margin:0 auto; margin-bottom:30px; float:inherit; }

.gray_pinion_bg { margin-top:0 !important; }
.gray_pinion_bg .inbox{ width:100%; margin-bottom:35px; }
.gray_pinion_bg .inbox:first-child{ margin-left:0; }


/*판매관리 솔루션 기능*/
.order_w_box{width:100%; min-height:200px; margin:0 0 30px 0; float:none;}
.order_w_box.w_01{width:100%}
.order_btn_box{display:none;}

/*판매관리 솔루션 특장점*/
.lower ul li{width:100%;}

/*피니언 특징*/
.gray_pinion_bg{margin-top:10px;}
.pinion_wrap .pinion_c_box{width:100%;}
.pinion_wrap .left_ft{float:none;}
.pinion_wrap .pinion_imgs{width:100%; margin-left:0;}
.pinion_stap_box{width:95%; margin:0 auto; text-align:center;}
.function .pinion_stap_box{margin-left:0;}

.keyf_list.type_01 img{display:none;}
.keyf_list.type_01 ul li {width:auto; float:none; margin:0; font-size:14px; line-height:20px;}
.keyf_list.type_01 ul li p {height:auto !important; padding:15px 10px;}

.product_tab li { text-align: center; width: 33.3%; padding:0 2px 2px 0; float:left}
}
/* 구성 및 기능 */
.function{ margin-bottom:100px; }


/*#######################################################  max 1024px  ##########################################################################*/

@media screen and (max-width:1024px){
.content_wrap{ margin-top:90px;}

/*피니언개요*/
.redhat_01 div.summary {width:98%; float:none; position:relative; margin:0 auto;}
.redhat_01 h3{display:none;}
.pinion_icon .icon_pinion_box p{ font-size:16px; }


/*판매관리*/
.order_w_box{width:100%; float:none; margin:0 auto; border:1px solid #e4e4e4; text-align:center; min-height:163px}
.order_w_box.w_01{width:100%;}

/* 제품 */
.product_tab.w50 li{width:33%; margin:0.1%;}
.product_tab{}
ul.tab_go_list li{width: 33%; margin-right: 0.3%;}
ul.tab_go_list li:last-child{margin-right: 0px;}
.go_b{margin-bottom:140px;}


/*피니언*/
.gray_pinion_bg{ background:#f4f4f4;  margin-top:250px;clear:both; overflow:hidden;  text-align:center; padding:30px 0}
/* .gray_pinion_bg .inbox{width:100%; float:none;} */
.gray_pinion_bg .inbox strong{ color:#3e3e3e; display:block; font-size:36px;}
.gray_pinion_bg .inbox p.title{font-size:28px; color:#848484; padding:0; margin:0 auto; font-weight:500;}
/* .gray_pinion_bg .inbox p{ color:#3e3e3e; font-size:10px;} */
/* .gray_pinion_bg .inbox i{display:block; margin:30px 0 } */


/* .pinion_icon .icon_pinion_box{width:33%; float:left; text-align:center; margin:40px 0 60px 0;} */
.pinion_icon h2{background:#4d4d4d; /* width:70%;  *//* margin:0 auto;  */color:#fff; text-align:center; padding:10px 0; font-size:20px; }


/*피니언 기능*/
.pinion_wrap .pinion_c_box{width:100%}
.pinion_wrap .pinion_imgs{width:100%; margin-left:0;}
.pinion_wrap .pinion_c_box b{width:100%}


.function .pinion_stap_box img{margin:0 0 15px 0; }
.function .pinion_stap_box{margin-left:0; width:100%;}


}


/*#######################################################  1770px  ##########################################################################*/


@media screen and (max-width:1700px){
.ps_box .product_slide .slide_box .rolling p.img {position:absolute; top:-200px; left:50%; margin-left:-600px; text-align:center; width:100%}/* ;*/
.ps_box .product_slide .slide_box .rolling p.img span.box .caption {position:absolute; top:350px; left:0; width:100%; height:50px; line-height:50px; background:url(http://www.osci.kr./images/sub/caption_50.png); color:#fff;}


/*피니언 기능*/


}


/*#######################################################  1550px  ##########################################################################*/


@media all and (max-width:1550px){
.ps_box .product_slide .slide_box .rolling p.img span.box .caption {position:absolute; top:350px; left:0; width:100%; height:50px; line-height:50px; background:url(http://www.osci.kr./images/sub/caption_50.png); color:#fff;}


}


/*#######################################################  1260px  ##########################################################################*/


@media all and (max-width:1261px){
.ps_box .product_slide .slide_box .rolling p.img span.box .caption {position:absolute; top:350px; left:0; width:100%; height:50px; line-height:50px; background:url(http://www.osci.kr./images/sub/caption_50.png); color:#fff;}


.button_box {padding-top:60px; text-align:center; clear:both;}
.sub_button {display:inline-block; font-size:13px; font-weight:300; color:#fff; height:38px; line-height:38px; border:1px solid #55b9ff; background:url(../images/main/more_case_w.png) no-repeat right 15px center #55b9ff; border-radius:20px; padding:0 40px 0 20px; transition:all 0.1s ease-out;}
.sub_button:hover {border:1px solid #55b9ff; background:url(../images/main/more_case_b.png) no-repeat right 15px center #fff; color:#55b9ff;}

/* .pinion_icon h2{ font-size:25px; } */

/*피니언 기능*/


}


/*#######################################################  320px ~ 1000px  ##########################################################################*/


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

}