/* header_bg */
.header_bg {background-color:#f3f5f5; box-shadow:3px 3px 3px rgba(0,0,0,0.1);}
.header_bg header .gnb a {
    display:inline-block; height:70px; line-height:70px; text-align:center;
    font-weight:700; padding:0 20px; color:#999; transition:0.3s; font-size:18px;
}
.header_bg header .gnb a:nth-of-type(2) {color:#19b8d1;}
.header_bg header .gnb a:hover {
    color:#19b8d1;
    transition:all 0.3s ease;
    transform:scale(1.2);
    text-shadow:1px 1px 1px rgba(0,0,0,0.2);
}
/* main */
main {width:100%; background-color:#f3f5f5;  padding:80px 0;}
.main_bg {
    max-width:1140px; margin:0 auto; background-color:#fff; margin-top:70px; padding:70px 70px 200px 70px;
}
/* p1_product_info */
.main_bg .p1_product_info {
    width:100%; display:flex; flex-flow:row nowrap; justify-content:space-between;
}
.main_bg .p1_product_info .p1_left {width:45%;}
.main_bg .p1_product_info .p1_left .big {width:500px; height:500px; transition:0.5s; margin-bottom:20px;}
.main_bg .p1_product_info .p1_left .big:hover {filter:brightness(90%);}
.main_bg .p1_product_info .p1_left .p1_left_btm {width:100%; display:flex; flex-flow:row nowrap;}
.main_bg .p1_product_info .p1_left .p1_left_btm .small {width:24%; transition:0.3s;}
.main_bg .p1_product_info .p1_left .p1_left_btm .small:hover {filter:brightness(90%);}
.main_bg .p1_product_info .p1_left .p1_left_btm .small img {width:100px;}
.main_bg .p1_product_info .p1_right {width:45%;}
.main_bg .p1_product_info .p1_right .p1_right_top {padding:70px 0 50px 0; border-bottom:2px solid #e8e8e8;}
.main_bg .p1_product_info .p1_right .p1_right_top p {color:#999; font-size:20px; margin-bottom:20px; display:none;}
.main_bg .p1_product_info .p1_right .p1_right_top h1 {font-size:36px; font-weight:700; opacity:0;}
.main_bg .p1_product_info .p1_right .p1_right_btm {}
.main_bg .p1_product_info .p1_right .p1_right_btm h2 {margin:50px 0 30px 0; font-size:20px; font-weight:500;}
.main_bg .p1_product_info .p1_right .p1_right_btm p {line-height:1.8; font-size:1.25rem;}
/* p2_other_product */
.main_bg .p2_other_product {margin-top:100px; border-top:2px solid #e8e8e8; padding:90px 0 100px;}
.main_bg .p2_other_product h1 {font-size:24px; font-weight:700; margin-bottom:50px; opacity:0;}
.main_bg .p2_other_product .p2_other_product_g {
    display:flex; flex-flow:row nowrap; justify-content:left;
}
.main_bg .p2_other_product .p2_other_product_g a {width:235px; margin-right:20px; transition:0.3s;}
.main_bg .p2_other_product .p2_other_product_g a:hover {filter:brightness(90%);}
.main_bg .p2_other_product .p2_other_product_g a img {width:100%;}
.main_bg .p2_other_product .p2_other_product_g a #category {margin:20px 0 10px 0; color:#999; display:none;}
.main_bg .p2_other_product .p2_other_product_g a h2 {font-size:20px; font-weight:700; margin-top:15px;}
/* p3_ssProcess */
.main_bg .p3_ssProcess {border-top:2px solid #e8e8e8;}
.main_bg .p3_ssProcess .p3_sstxt_g {}
.main_bg .p3_ssProcess .p3_sstxt_g h1 {
    font-size:24px; font-weight:700; margin-bottom:30px; padding-top:100px;
    color:#222; text-shadow:2px 2px 2px rgba(255,255,255,0.6); opacity:0;
}
.main_bg .p3_ssProcess .p3_sstxt_g p {font-size:18px; margin-bottom:100px; line-height:1.5;}
.main_bg .p3_ssProcess .p3_process_g {
    display:flex; flex-flow:row nowrap; justify-content:space-between;
}
.main_bg .p3_ssProcess .p3_process_g .process {
    display:flex; flex-flow:column nowrap; align-items:center; justify-content: flex-end; position:relative;
    width:20%;
}
.main_bg .p3_ssProcess .p3_process_g .process .process_top {
    display:flex; flex-flow:column nowrap; align-items:center;
}
.main_bg .p3_ssProcess .p3_process_g .process .process_top img {width:90%; margin-bottom:50px;}
.main_bg .p3_ssProcess .p3_process_g .process .process_middle {width:90%; position:relative;}
.main_bg .p3_ssProcess .p3_process_g .process .process_middle img {width:100%;}
.main_bg .p3_ssProcess .p3_process_g .process .process_middle #bar_title {position:absolute; left:8%; top:35%; font-size:18px; font-weight:700; color:#fff;}
.main_bg .p3_ssProcess .p3_process_g .process .process_btm {width:100px;}
.main_bg .p3_ssProcess .p3_process_g .process .process_btm p {
    text-align:right; position:absolute; bottom:-99px; right:44px; width:100%; height:100px; 
    display:flex; align-items:center; justify-content:right; padding-right:15px; font-size:15px; line-height:1.4; border-right:2px solid #e8e8e8;
}