@charset "utf-8";
/* 상품목록 페이지 */
.product_box{padding:30px 40px;}
.product_box.prod_box_color{background-color:#f1f1f3;}
.product_box h2{margin:0 0 40px;padding:0 0 30px;/*background:url('/Images/content/prod_sti_line.gif') no-repeat 50% bottom;*/color:#2b76d0;font-size:30px;font-weight:bold;line-height:32px;text-align:left;}
.product_box > ul > li{position:relative;min-height:160px;margin:0 0 40px;padding:0 0 0 340px;}
.product_box .prod_logo{display:block;position:absolute;top:0;left:0;width:300px;height:100%;background-color:#fff;border:2px solid #c6cede;}
.product_box .prod_logo.sub_logo{background:url('/Images/content/logo.gif') #fff no-repeat 20px 20px;}/* microsoft 로고 삽입*/
.product_box .prod_logo img{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;}
.product_box .prod_logo a{right:0;bottom:-10px;padding:15px;font-size:16px;line-height:18px;}
.product_box .prod_ti{display:block;color:#2b76d0;font-size:22px;font-weight:bold;line-height:24px;}
.product_box .bul{margin:15px 0 0 0;padding:0 0 0 13px;background:url('/Images/content/cnt_bul.gif') no-repeat left 5px;color:#5d646e;font-size:14px;line-height:16px;}
.product_box ul.bul_list{}
.product_box ul.bul_list li{margin:0 0 5px;padding:0 0 0 13px;background:url('/Images/content/cnt_bul.gif') no-repeat left 5px;color:#5d646e;font-size:14px;line-height:16px;}
.product_box .prod_sti{display:block;color:#526a9c;font-size:16px;font-weight:bold;line-height:18px;}
    /* 추천제품 리스트 */
    .prod_list{display:block;margin:0;}
    .prod_list:after {content:"";display:block;visibility:hidden;clear:both;}
    .prod_list > li{float:left;width:31%;margin:20px 0 0 3%;color:#f26522;font-size:20px;font-weight:bold;line-height:22px;text-align:center;}
    .prod_list li:first-child{margin-left:0;}
    .prod_list .prod_logo2{display:block;width:100%;height:110px;margin:0 0 20px;padding:73px 0 0 20px;background:url('/Images/content/pro_logo1_1.png') #f26522 no-repeat 74px 14px;color:#fff;font-weight:normal;text-align:left;}
    .prod_list.list_type2{}
    .prod_list.list_type2 > li{position:relative;width:50%;min-height:120px;margin-left:0;padding:0 0 0 19%;text-align:left;}
    .prod_list.list_type2 li img{position:absolute;left:0;top:0;}
    .prod_list.list_type2 span{display:block;margin:10px 0 15px;color:#000;font-size:18px;font-weight:normal;letter-spacing:-1px;line-height:20px;}
    .prod_list.list_type2 span strong{font-weight:bold;}
    .prod_list.list_type2 li li{display:block;color:#e04448;font-size:16px;line-height:18px;}
@media screen and (max-width:940px){
    .product_box{padding:25px 15px;}
    .product_box > ul > li{min-height:0;margin:0 0 40px;padding:0;}
    .product_box .prod_logo{position:relative;width:100%;height:170px;}
    .product_box .prod_logo a{display:block;}
    .product_box .prod_ti{margin:15px 0 0 0;padding-top:0;}

    .m_prod_text .prod_logo{display:none;}
}
@media screen and (max-width:800px){
    .product_box .prod_logo{padding:0 0 48px;}
    .prod_list{margin:10px 0 0 0;}
    .prod_list li{float:none;width:100%;margin:0 0 20px;font-size:22px;line-height:24px;}
    .prod_list .prod_logo2{height:auto;margin:0 0 5px;padding-bottom:15px;background-position:90% 14px;border:10px solid #dbdbdb;}
    .prod_list.list_type2 > li{position:relative;width:100%;min-height:120px;margin:0;padding:0 0 0 35%;text-align:left;}
    .prod_list.list_type2 > li > a{display:block;font-size:0;line-height:0;text-align:center;}
    .prod_list.list_type2 li img{width:30%;max-width:120px;}
    .prod_list.list_type2 li li{margin:0;}
}
/* 연혁 */
.history{background:url('/Images/content/history_line.png') no-repeat 50% 20px;}
.history:after {content:"";display:block;visibility:hidden;clear:both;}
.history div{display:block;float:left;position:relative;width:50%;}
.history h2{margin:0 0 55px;font-size:72px;font-weight:bold;line-height:74px;}
.history h2 span{display:block;font-size:24px;line-height:26px;}
.history > div > ul > li{margin:0 0 30px;padding:0 60px 0 0;color:#5d646e;font-size:16px;line-height:20px;background:url('/Images/content/history_line2.gif') no-repeat right 8px;}
.history ul li span{display:block;}
.year1990{text-align:right;}
.year1990 ul{margin:0 60px 0 0;padding:0 0 295px;background:url('/Images/content/history_bg1.png') no-repeat right bottom;}
.year1990 h2{padding:0 60px 0 0;color:#2b76d0;}
.history .year1990 ul li{margin-right:-60px;}
.year2000{margin:390px 0 0 0;}
.year2000 h2{padding:0 0 0 60px;color:#2b76d0;}
.history > .year2000 > ul > li{padding:0 0 0 60px;background-position:left 8px;}
.year2000 li li{padding:0 0 15px;text-align:center;}
.year2000 li li strong{display:block;width:100%;margin:8px 0;padding:8px 0;background-color:#91a5de;color:#fff;font-size:18px;font-weight:bold;line-height:20px;}
.year2000 li li:first-child strong{background-color:#86b6d9;}
.history .year1015{width:100%;padding:100px 0 50px 0;}
.year1015 h2{margin:0 0 50px;color:#2b76d0;font-size:80px;text-align:center;}
.year1015 ul{margin:0;padding:0;}
.history > .year1015 > ul > li{padding:0 0 0 20px;background:url('/Images/content/cnt_bul2.png') no-repeat left 5px;}
#middle table.history_table{width:100%;border:2px solid #c6cede;border-spacing:0;font-family:'ngn','나눔고딕',Dotum,arial,sans-serif !important;}
#middle table.history_table tbody th,#middle table.history_table tbody th.sth,#middle table.history_table tbody td{font-family:"맑은 고딕",'ngn','나눔고딕',Dotum,arial,sans-serif;}
table.history_table tbody th{width:18%;padding:15px;background-color:#f8f8f9;border-left:1px solid #c6cede;border-bottom:1px solid #c6cede;vertical-align:middle;box-sizing:border-box;color:#526a9c;font-size:18px;font-weight:bold;line-height:20px;}
table.history_table tbody th span{display:block;}
table.history_table tbody th.sth{width:200px;background-color:#fff;color:#2b76d0;font-size:16px;line-height:18px;}
table.history_table tbody td{padding:7px 30px;border-left:1px solid #c6cede;border-bottom:1px solid #c6cede;vertical-align:middle;}
table.history_table tbody td.cols{padding-left:230px;}
table.history_table tbody td img{margin:7px;}
.history > .year1015 > ul.history_service2{margin:20px 0 0 0;}
.history > .year1015 > ul.history_service2 > li{float:left;width:33%;min-height:200px;margin:0 0 0 0.5%;padding:20px;background:transparent;border:2px solid #c6cede;}
.history > .year1015 > ul.history_service2 > li:first-child{margin-left:0;}
.history > .year1015 > ul.history_service2 > li strong{display:block;margin:0 0 15px;color:#2b76d0;font-size:16px;font-weight:bold;line-height:18px;}
.history > .year1015 > ul.history_service2 li li{position:relative;margin:0 0 10px;padding:0 0 0 110px;font-size:12px;line-height:14px;}
.history > .year1015 > ul.history_service2 li:first-child li{padding:0 0 0 90px;}
.history > .year1015 > ul.history_service2 li:first-child li span{width:85px;}
.history > .year1015 > ul.history_service2 ul span{display:inline-block;position:absolute;left:0;top:0;width:105px;color:#526a9c;font-weight:bold;letter-spacing:-1px;}
@media screen and (max-width:940px){}
@media screen and (max-width:800px){
    .history{background:transparent;}
    .history div{width:100%;text-align:left;}
    .history h2{margin:0 0 25px;font-size:45px;letter-spacing:-1px;line-height:47px;}
    .history h2 span{margin:5px 0 0 0;font-size:20px;}
    .history > div > ul > li{margin:0 0 10px;padding:0 0 0 20px;background:url('/Images/content/cnt_bul2.png') no-repeat left 5px;}
    .history ul li span{display:inline;}
    .year1990 ul{margin:0;padding:0;background:transparent;}
    .history .year1990 ul li{margin-right:0;}
    .year2000{margin:20px 0 0 0;}
    .year2000 h2{padding:0;color:#779ecf;}
    .history > .year2000 > ul > li{padding:0 0 0 20px;}
    .history .year1015{padding:0;background:transparent;}
    .year1015 h2{text-align:left;}
    .year1015 strong{display:none;}
    .year1015 ul{width:100%;padding:0;}
    table.history_table tbody th{display:block;width:100%;}
    table.history_table tbody th span{display:inline;}
    table.history_table tbody th.sth{width:100%;}
    table.history_table tbody td{display:block;}
    table.history_table tbody td.cols{padding-left:30px;}
    .history > .year1015 > ul.history_service2 > li{width:100%;margin:0 0 15px 0;}
}
.vision{padding:40px 0 0 0;background:url('/Images/content/vision_bg1.gif') no-repeat 340px top;}
.vision > ul:after {content:"";display:block;visibility:hidden;clear:both;}
.vision > ul li{display:block;float:left;width:50%;}
.vision > ul li.vs_icon1{width:100%;margin:0 0 70px;}
.vision > ul li div{width:63.5%;padding:150px 0 0 0;background:url('/Images/content/vision_icon1.png') no-repeat left top;color:#5d646e;font-size:14px;line-height:18px;}
.vision > ul li div strong{display:block;margin:0 0 20px;color:#2b76d0;font-size:22px;line-height:24px;}
.vision > ul li div strong span{display:block;}
.vision > ul li.vs_icon1 div{width:31.7%;margin:0 0 0 3.09%;}
.vision > ul li.vs_icon2 div{margin:0 0 0 6.17%;background-image:url('/Images/content/vision_icon2.png');}
.vision > ul li.vs_icon3 div{margin:0 0 0 30%;background-image:url('/Images/content/vision_icon3.png');}
.vision_img{text-align:center;}
.vision_img h2,.vision_img ul{font-size:0;line-height:0;text-indent:-9999px;overflow:hidden;}
@media screen and (max-width:940px){
    .vision{padding:0;background:transparent;}
    .vision > ul li.vs_icon1,.vision > ul li{width:100%;margin:0 0 30px;}
    .vision > ul li.vs_icon1 div,.vision > ul li.vs_icon2 div,.vision > ul li.vs_icon3 div{width:100%;margin:0;padding:0 0 0 25%;background-size:20% auto;}
    .vision > ul li div strong{margin:0 0 10px;font-size:16px;line-height:18px;}
}
/*
.vision_img{width:68%;height:525px;margin:20px auto;background:url('/Images/content/vision_bg2.jpg') no-repeat 50% top;text-align:center;}
.vision_img:after {content:"";display:block;visibility:hidden;clear:both;}
.vision_img h2{color:#2b76d0;font-size:30px;font-weight:bold;letter-spacing:-1px;line-height:36px;}
.vision_img h2 span{font-size:100px;line-height:104px;}
.vision_img ul{margin:60px 0 0 0;}
.vision_img li{display:block;float:left;width:50%;margin:0 0 65px;color:#fff;font-size:14px;line-height:16px;}
.vision_img li strong{display:block;margin:0 0 15px;font-size:24px;font-weight:bold;line-height:26px;}
.vision_img li:first-child{width:50%;margin:0 25%;}
@media screen and (max-width:940px){
    .vision_img{width:100%;height:100%;background-size:100% auto;}
    .vision_img h2{padding:5% 0 0 0;font-size:18px;line-height:22px;}
    .vision_img h2 span{font-size:36px;line-height:38px;}
    .vision_img ul{margin:5% 0 0 0;}
    .vision_img ul li{margin:0 0 13%;}
    .vision_img li strong{font-size:16px;line-height:18px;}
}
*/
/* 컨설팅 */
.consult h2{color:#2b76d0;font-size:24px;font-weight:bold;line-height:26px;}
.consult h3{color:#526a9c;font-size:18px;font-weight:bold;line-height:20px;}
.consult p{font-size:16px;line-height:18px;}
@media screen and (max-width:940px){
    .consult a.btn{display:block;width:90%;margin:3px auto;}
    .consult a.btn span{display:block;text-align:left;background-position:right 50%;line-height:19px;}
}

.privacy table{margin:0 0 20px 12px;border-collapse:collapse;border-spacing:0;border:2px solid #cad3ec;font-size:12px;}
.privacy table th{padding:18px 0;font-weight:normal;}
.privacy table td{padding:18px 0;}
.privacy table thead th{background:#f3f5fa;color:#6b686f;border-bottom:1px solid #d6ddef;border-right:1px solid #d6ddef;line-height:16px;}
.privacy table thead th.subject{padding:4px 30px;font-weight:bold;letter-spacing:-1px;}
.privacy table tbody td{border-bottom:1px solid #d6ddef;border-right:1px solid #d6ddef;color:#6b686f;text-align:center;line-height:16px;}
.privacy table tbody td.subject{padding:4px 30px;text-align:left;}