/*제품소개*/
#product_intro {width: 100%;}
.product_intro {width: 1200px; margin: 0 auto;padding: 150px 0 15px 15px;}
.pi_con {position: relative; float: left; width: 50%; padding: 0 10%;}
.pi_title {width: 100%; height: auto;}
.pi_title_t {float: left; width: 70%; height: 100%;}
.pi_title_t>h1 {font-size: 30px; font-weight: 500}
.pi_title_t>h2 {font-size: 20px; font-weight: 600; line-height: 24px; margin-top: 20px}
.pi_title>h3 {float: left; width: 30%; text-align: right;}
.pi_title>h3>img {height: 80px; margin-top: 10px;}
.pi_text {margin-top: 40px; font-weight: 300; line-height: 24px;}
.pi_button {margin-top: 100px;}
.pi_button>h1 {float: left;width: 100px;}
.pi_button>h1>img {width: 50px;}
.pi_button>a {float: left; border: 1px solid #D1D3D4; border-radius: 30px; width: 150px; height: 50px; line-height: 50px; text-align: center; transition: .2s;}
.pi_button>a:hover {background-color: #939598; letter-spacing: 1px; color: #fff}
.pi_button>a>p {display: inline-block;}
.pi_button>a>p:first-child {font-weight: 300; margin-right: 10px;}
.pi_img {position: relative; float: left; padding-right: 20px; width: 50%; height: 800px; overflow: hidden; z-index: 990}
.pi_img>img {width: 100%}

.pi_con {opacity: 0; animation: pro_move 1s both}
.pi_img {opacity: 0; animation: pro_move 1s .2s both}

@keyframes pro_move {
    0% {opacity: 0; top: -50px;}
    100% {opacity: 1; top: 0;}
}

/*제품목록*/
#product_list {width: 100%; margin: 100px 0;}
.product_list {width: 1200px; margin: 0 auto;}
.pl_title {width: 400px; height: 60px; border-bottom: 1px solid #ddd; text-align: center; color: #403F41; margin: 0 auto;}
.pl_title>h1 {font-size: 20px; font-weight: 500}
.pl_title>h2 {font-size: 14px;}
.pl_list {width: 100%; margin-top: 50px;}
.pl_list>li {display: inline-block; width: 265px; height: 265px; margin: 15px; border: 1px solid #ddd; overflow: hidden;}
.pl_list>li:hover>img {transform: scale(1.1);}
.pl_list>li>img {width: 100%; transition: .5s}